Created at 02/20/2023 15:26
#31564e HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #31564e | RGB(49, 86, 78) |
RGB values are RGB(49, 86, 78)
#31564e color contain Red 19.22%, Green 33.73% and Blue 30.59%.
oklch(42.27% 0.0449 178.63)
#31564e color contain Red 19.22%, Green 33.73% and Blue 30.59%.
oklch(42.27% 0.0449 178.63)
Color Names of #31564e HEX code
Dark Slate Gray Color
Classification of #31564e color
#31564e is Light and Cool Color Saturation 27%, lightness 26%.
Shade of darkslategrey
Alternative colors of #31564e
Opposite Color for #31564e is #543038
#31564e Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #31564e
Decimal
3233358
HEX
#31564e
HSL
hsl(167, 27%, 26%)
HSLA
hsla(167, 27%, 26%, 1)
RGB
RGB(49, 86, 78)
RGBA
RGBA(49, 86, 78, 1)
Palettes for #31564e color:
Below examples of color palettes for #31564e HEX color
darkest color is #050908 from shades and lightest color is #eaeeed from tints
Shades palette of #31564e:
#2c4d46
#27453e
#223c37
#1d342f
#192b27
#14221f
#0f1a17
#0a1110
#050908
#000000
Tints palette of #31564e:
#466760
#5a7871
#6f8983
#839a95
#98aba7
#adbbb8
#c1ccca
#d6dddc
#eaeeed
#ffffff
Complementary palette of #31564e:
#30544c
#543038
Triadic palette of #31564e:
#30544c
#4c3054
#544c30
Square palette of #31564e:
#30544c
#3b3054
#4a5430
#543038
Analogous palette of #31564e:
#30543b
#30544c
Split-Complementary palette of #31564e:
#30544c
#30543b
Rectangle (tetradic) palette of #31564e:
#30544c
#3b3054
#4a5430
#54304a
Suggested colors palettes for #31564e HEX:
Colors palette with color #31564e #1:
Colors palette with color #31564e #2:
Colors palette with color #31564e #3:
Colors palette with color #31564e #4:
Colors palette with color #31564e #5:
Color #31564e used in palettes (4)
Color Contrast
Color pairings #31564e with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#31564e
#31564e Contrast Ratio
8.16:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#31564e
#31564e Contrast Ratio
2.57:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #31564e color png
Visit the popular colors list for more colors