#31586a HEX color information
| Color | HEX | RGB |
|---|---|---|
| #31586a | RGB(49, 88, 106) |
Created at 10/12/2026 11:35
Classification of #31586a color
#31586a is Semi dark and Cool Color Saturation 37%, lightness 30%.
Tint of Dark Slate Gray
RGB values are RGB(49, 88, 106)
#31586a color contains Red 19.22%, Green 34.51% and Blue 41.57%.
oklch(43.93% 0.0532 229.47)
#31586a color contains Red 19.22%, Green 34.51% and Blue 41.57%.
oklch(43.93% 0.0532 229.47)
Color Names of #31586a HEX code
≈ Casal
Alternative colors of #31586a
Opposite Color for #31586a is #6a4331
#31586a Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #31586a
cmyk
CMYK(54%, 17%, 0%, 58%)
Decimal
3233898
HEX
#31586a
HSL
hsl(199, 37%, 30%)
HSLA
hsla(199, 37%, 30%, 1)
RGB
RGB(49, 88, 106)
RGBA
RGBA(49, 88, 106, 1)
Palettes for #31586a color:
Below are examples of color palettes with the #31586a HEX color
darkest color is #05090b from shades and lightest color is #eaeef0 from tints
Shades palette of #31586a:
#2c4f5f
#274655
#223e4a
#1d3540
#192c35
#14232a
#0f1a20
#0a1215
#05090b
#000000
Tints palette of #31586a:
#466979
#5a7988
#6f8a97
#839ba6
#98acb5
#adbcc3
#c1cdd2
#d6dee1
#eaeef0
#ffffff
Complementary palette of #31586a:
#31586a
#6a4331
Triadic palette of #31586a:
#31586a
#6a3158
#586a31
Square palette of #31586a:
#31586a
#60316a
#6a4331
#3b6a31
Analogous palette of #31586a:
#316a60
#31586a
#313b6a
Split-Complementary palette of #31586a:
#31586a
#6a313b
#6a6031
Rectangle (tetradic) palette of #31586a:
#31586a
#43316a
#6a4331
#586a31
Suggested color palettes for #31586a HEX:
Color palette with color #31586a #1:
Color palette with color #31586a #2:
Color palette with color #31586a #3:
Color palette with color #31586a #4:
Color palette with color #31586a #5:
Color Contrast
Color pairings of #31586a with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#31586a
#31586a Contrast Ratio
7.67:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#31586a
#31586a Contrast Ratio
2.73:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #31586a color png
Visit the popular colors list for more colors