Created at 12/05/2023 16:25
#31475e HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #31475e | RGB(49, 71, 94) |
RGB values are RGB(49, 71, 94)
#31475e color contain Red 19.22%, Green 27.84% and Blue 36.86%.
oklch(39.00% 0.048 250.22)
#31475e color contain Red 19.22%, Green 27.84% and Blue 36.86%.
oklch(39.00% 0.048 250.22)
Classification of #31475e color
#31475e is Semi dark and Cool Color Saturation 31%, lightness 28%.
Shade of darkslateblue
Alternative colors of #31475e
Opposite Color for #31475e is #5e4831
#31475e Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #31475e
Decimal
3229534
HEX
#31475e
HSL
hsl(211, 31%, 28%)
HSLA
hsla(211, 31%, 28%, 1)
RGB
RGB(49, 71, 94)
RGBA
RGBA(49, 71, 94, 1)
Palettes for #31475e color:
Below examples of color palettes for #31475e HEX color
darkest color is #050709 from shades and lightest color is #eaedef from tints
Shades palette of #31475e:
#2c4055
#27394b
#223242
#1d2b38
#19242f
#141c26
#0f151c
#0a0e13
#050709
#000000
Tints palette of #31475e:
#46596e
#5a6c7e
#6f7e8e
#83919e
#98a3af
#adb5bf
#c1c8cf
#d6dadf
#eaedef
#ffffff
Complementary palette of #31475e:
#31475e
#5e4831
Triadic palette of #31475e:
#31475e
#5e3147
#475e31
Square palette of #31475e:
#31475e
#5e315d
#315e32
#5e4831
Analogous palette of #31475e:
#315d5e
#31475e
Split-Complementary palette of #31475e:
#31475e
#315d5e
Rectangle (tetradic) palette of #31475e:
#31475e
#5e315d
#315e32
#5e3231
Suggested colors palettes for #31475e HEX:
Colors palette with color #31475e #1:
Colors palette with color #31475e #2:
Colors palette with color #31475e #3:
Colors palette with color #31475e #4:
Colors palette with color #31475e #5:
Color #31475e used in palettes (1)
Color Contrast
Color pairings #31475e with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#31475e
#31475e Contrast Ratio
9.57:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#31475e
#31475e Contrast Ratio
2.19:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #31475e color png
Visit the popular colors list for more colors