#314c4d HEX color information
| Color | HEX | RGB |
|---|---|---|
| #314c4d | RGB(49, 76, 77) |
Created at 11/10/2026 20:10
RGB values are RGB(49, 76, 77)
#314c4d color contains Red 19.22%, Green 29.8% and Blue 30.2%.
oklch(39.54% 0.0327 198.86)
#314c4d color contains Red 19.22%, Green 29.8% and Blue 30.2%.
oklch(39.54% 0.0327 198.86)
Color Names of #314c4d HEX code
≈ Limed Spruce
Classification of #314c4d color
#314c4d is Semi dark and Cool Color Saturation 22%, lightness 25%.
Shade of Dark Slate Gray
Alternative colors of #314c4d
Opposite Color for #314c4d is #4d3231
#314c4d Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #314c4d
cmyk
CMYK(36%, 1%, 0%, 70%)
Decimal
3230797
HEX
#314c4d
HSL
hsl(182, 22%, 25%)
HSLA
hsla(182, 22%, 25%, 1)
RGB
RGB(49, 76, 77)
RGBA
RGBA(49, 76, 77, 1)
Palettes for #314c4d color:
Below are examples of color palettes with the #314c4d HEX color
darkest color is #050808 from shades and lightest color is #eaeded from tints
Shades palette of #314c4d:
#2c4445
#273d3e
#223536
#1d2e2e
#192627
#141e1f
#0f1717
#0a0f0f
#050808
#000000
Tints palette of #314c4d:
#465e5f
#5a7071
#6f8282
#839494
#98a6a6
#adb7b8
#c1c9ca
#d6dbdb
#eaeded
#ffffff
Complementary palette of #314c4d:
#314c4d
#4d3231
Triadic palette of #314c4d:
#314c4d
#4d314c
#4c4d31
Square palette of #314c4d:
#314c4d
#40314d
#4d3231
#3e4d31
Analogous palette of #314c4d:
#314d40
#314c4d
#313e4d
Split-Complementary palette of #314c4d:
#314c4d
#4d313e
#4d4031
Rectangle (tetradic) palette of #314c4d:
#314c4d
#32314d
#4d3231
#4c4d31
Suggested color palettes for #314c4d HEX:
Color palette with color #314c4d #1:
Color palette with color #314c4d #2:
Color palette with color #314c4d #3:
Color palette with color #314c4d #4:
Color palette with color #314c4d #5:
Color Contrast
Color pairings of #314c4d with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#314c4d
#314c4dContrast Ratio
9.24:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#314c4d
#314c4dContrast Ratio
2.27:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #314c4d color png
Visit the popular colors list for more colors