#314a56 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #314a56 | RGB(49, 74, 86) |
Created at 10/04/2026 09:25
Classification of #314a56 color
#314a56 is Semi dark and Cool Color Saturation 27%, lightness 26%.
Shade of Dark Slate Gray
RGB values are RGB(49, 74, 86)
#314a56 color contains Red 19.22%, Green 29.02% and Blue 33.73%.
oklch(39.39% 0.0367 229.49)
#314a56 color contains Red 19.22%, Green 29.02% and Blue 33.73%.
oklch(39.39% 0.0367 229.49)
Color Names of #314a56 HEX code
≈ Pickled Bluewood
Alternative colors of #314a56
Opposite Color for #314a56 is #563d31
#314a56 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #314a56
cmyk
CMYK(43%, 14%, 0%, 66%)
Decimal
3230294
HEX
#314a56
HSL
hsl(199, 27%, 26%)
HSLA
hsla(199, 27%, 26%, 1)
RGB
RGB(49, 74, 86)
RGBA
RGBA(49, 74, 86, 1)
Palettes for #314a56 color:
Below examples of color palettes for #314a56 HEX color
darkest color is #050709 from shades and lightest color is #eaedee from tints
Shades palette of #314a56:
#2c434d
#273b45
#22343c
#1d2c34
#19252b
#141e22
#0f161a
#0a0f11
#050709
#000000
Tints palette of #314a56:
#465c67
#5a6e78
#6f8089
#83929a
#98a5ab
#adb7bb
#c1c9cc
#d6dbdd
#eaedee
#ffffff
Complementary palette of #314a56:
#314a56
#563d31
Triadic palette of #314a56:
#314a56
#56314a
#4a5631
Square palette of #314a56:
#314a56
#503156
#563d31
#375631
Analogous palette of #314a56:
#315650
#314a56
#313756
Split-Complementary palette of #314a56:
#314a56
#563137
#565031
Rectangle (tetradic) palette of #314a56:
#314a56
#3d3156
#563d31
#4a5631
Suggested color palettes for #314a56 HEX:
Color palette with color #314a56 #1:
Color palette with color #314a56 #2:
Color palette with color #314a56 #3:
Color palette with color #314a56 #4:
Color palette with color #314a56 #5:
Color Contrast
Color pairings #314a56 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#314a56
#314a56 Contrast Ratio
9.35:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#314a56
#314a56 Contrast Ratio
2.24:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #314a56 color png
Visit the popular colors list for more colors