#31584f HEX color information
| Color | HEX | RGB |
|---|---|---|
| #31584f | RGB(49, 88, 79) |
Created at 10/08/2026 12:09
Classification of #31584f color
#31584f is Semi dark and Cool Color Saturation 28%, lightness 27%.
Tint of Dark Slate Gray
RGB values are RGB(49, 88, 79)
#31584f color contains Red 19.22%, Green 34.51% and Blue 30.98%.
oklch(42.84% 0.0472 177.43)
#31584f color contains Red 19.22%, Green 34.51% and Blue 30.98%.
oklch(42.84% 0.0472 177.43)
Color Names of #31584f HEX code
≈ Stromboli
Alternative colors of #31584f
Opposite Color for #31584f is #58313a
#31584f Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #31584f
cmyk
CMYK(44%, 0%, 10%, 65%)
Decimal
3233871
HEX
#31584f
HSL
hsl(166, 28%, 27%)
HSLA
hsla(166, 28%, 27%, 1)
RGB
RGB(49, 88, 79)
RGBA
RGBA(49, 88, 79, 1)
Palettes for #31584f color:
Below are examples of color palettes with the #31584f HEX color
darkest color is #050908 from shades and lightest color is #eaeeed from tints
Shades palette of #31584f:
#2c4f47
#27463f
#223e37
#1d352f
#192c28
#142320
#0f1a18
#0a1210
#050908
#000000
Tints palette of #31584f:
#466961
#5a7972
#6f8a84
#839b95
#98aca7
#adbcb9
#c1cdca
#d6dedc
#eaeeed
#ffffff
Complementary palette of #31584f:
#31584f
#58313a
Triadic palette of #31584f:
#31584f
#4f3158
#584f31
Square palette of #31584f:
#31584f
#3c3158
#58313a
#4e5831
Analogous palette of #31584f:
#31583b
#31584f
#314d58
Split-Complementary palette of #31584f:
#31584f
#58314d
#583b31
Rectangle (tetradic) palette of #31584f:
#31584f
#313a58
#58313a
#584f31
Suggested color palettes for #31584f HEX:
Color palette with color #31584f #1:
Color palette with color #31584f #2:
Color palette with color #31584f #3:
Color palette with color #31584f #4:
Color palette with color #31584f #5:
Color Contrast
Color pairings of #31584f with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#31584f
#31584f Contrast Ratio
7.95:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#31584f
#31584f Contrast Ratio
2.63:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #31584f color png
Visit the popular colors list for more colors