#31695d HEX color information
| Color | HEX | RGB |
|---|---|---|
| #31695d | RGB(49, 105, 93) |
Created at 10/14/2026 15:52
RGB values are RGB(49, 105, 93)
#31695d color contains Red 19.22%, Green 41.18% and Blue 36.47%.
oklch(47.90% 0.0627 177.61)
#31695d color contains Red 19.22%, Green 41.18% and Blue 36.47%.
oklch(47.90% 0.0627 177.61)
Color Names of #31695d HEX code
≈ Casal
Classification of #31695d color
#31695d is Semi dark and Cool Color Saturation 36%, lightness 30%.
Shade of Teal
Alternative colors of #31695d
Opposite Color for #31695d is #69313d
#31695d Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #31695d
cmyk
CMYK(53%, 0%, 11%, 59%)
Decimal
3238237
HEX
#31695d
HSL
hsl(167, 36%, 30%)
HSLA
hsla(167, 36%, 30%, 1)
RGB
RGB(49, 105, 93)
RGBA
RGBA(49, 105, 93, 1)
Palettes for #31695d color:
Below are examples of color palettes with the #31695d HEX color
darkest color is #050a09 from shades and lightest color is #eaf0ef from tints
Shades palette of #31695d:
#2c5f54
#27544a
#224a41
#1d3f38
#19352f
#142a25
#0f201c
#0a1513
#050a09
#000000
Tints palette of #31695d:
#46786d
#5a877d
#6f968e
#83a59e
#98b4ae
#adc3be
#c1d2ce
#d6e1df
#eaf0ef
#ffffff
Complementary palette of #31695d:
#31695d
#69313d
Triadic palette of #31695d:
#31695d
#5d3169
#695d31
Square palette of #31695d:
#31695d
#413169
#69313d
#596931
Analogous palette of #31695d:
#316941
#31695d
#315969
Split-Complementary palette of #31695d:
#31695d
#693159
#694131
Rectangle (tetradic) palette of #31695d:
#31695d
#313d69
#69313d
#695d31
Suggested color palettes for #31695d HEX:
Color palette with color #31695d #1:
Color palette with color #31695d #2:
Color palette with color #31695d #3:
Color palette with color #31695d #4:
Color palette with color #31695d #5:
Color Contrast
Color pairings of #31695d with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#31695d
#31695d Contrast Ratio
6.34:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#31695d
#31695d Contrast Ratio
3.3:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #31695d color png
Visit the popular colors list for more colors