#314c5f HEX color information
| Color | HEX | RGB |
|---|---|---|
| #314c5f | RGB(49, 76, 95) |
Created at 11/05/2026 04:38
RGB values are RGB(49, 76, 95)
#314c5f color contains Red 19.22%, Green 29.8% and Blue 37.25%.
oklch(40.32% 0.0459 240.03)
#314c5f color contains Red 19.22%, Green 29.8% and Blue 37.25%.
oklch(40.32% 0.0459 240.03)
Color Names of #314c5f HEX code
≈ Pickled Bluewood
Classification of #314c5f color
#314c5f is Semi dark and Cool Color Saturation 32%, lightness 28%.
Shade of Dark Slate Blue
Alternative colors of #314c5f
Opposite Color for #314c5f is #5f4431
#314c5f Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #314c5f
cmyk
CMYK(48%, 20%, 0%, 63%)
Decimal
3230815
HEX
#314c5f
HSL
hsl(205, 32%, 28%)
HSLA
hsla(205, 32%, 28%, 1)
RGB
RGB(49, 76, 95)
RGBA
RGBA(49, 76, 95, 1)
Palettes for #314c5f color:
Below are examples of color palettes with the #314c5f HEX color
darkest color is #050809 from shades and lightest color is #eaedef from tints
Shades palette of #314c5f:
#2c4456
#273d4c
#223543
#1d2e39
#192630
#141e26
#0f171d
#0a0f13
#050809
#000000
Tints palette of #314c5f:
#465e6f
#5a707f
#6f828f
#83949f
#98a6af
#adb7bf
#c1c9cf
#d6dbdf
#eaedef
#ffffff
Complementary palette of #314c5f:
#314c5f
#5f4431
Triadic palette of #314c5f:
#314c5f
#5f314c
#4c5f31
Square palette of #314c5f:
#314c5f
#5b315f
#5f4431
#355f31
Analogous palette of #314c5f:
#315f5b
#314c5f
#31355f
Split-Complementary palette of #314c5f:
#314c5f
#5f3135
#5f5b31
Rectangle (tetradic) palette of #314c5f:
#314c5f
#44315f
#5f4431
#4c5f31
Suggested color palettes for #314c5f HEX:
Color palette with color #314c5f #1:
Color palette with color #314c5f #2:
Color palette with color #314c5f #3:
Color palette with color #314c5f #4:
Color palette with color #314c5f #5:
Color Contrast
Color pairings of #314c5f with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#314c5f
#314c5fContrast Ratio
9.01:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#314c5f
#314c5fContrast Ratio
2.32:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #314c5f color png
Visit the popular colors list for more colors