#314d8f HEX color information
| Color | HEX | RGB |
|---|---|---|
| #314d8f | RGB(49, 77, 143) |
Created at 10/09/2026 05:51
Classification of #314d8f color
#314d8f is Semi dark and Cool Color Saturation 49%, lightness 38%.
Tint of Dark Slate Blue
RGB values are RGB(49, 77, 143)
#314d8f color contains Red 19.22%, Green 30.2% and Blue 56.08%.
oklch(43.40% 0.114 264.78)
#314d8f color contains Red 19.22%, Green 30.2% and Blue 56.08%.
oklch(43.40% 0.114 264.78)
Color Names of #314d8f HEX code
≈ Chambray
Alternative colors of #314d8f
Opposite Color for #314d8f is #8f7331
#314d8f Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #314d8f
cmyk
CMYK(66%, 46%, 0%, 44%)
Decimal
3231119
HEX
#314d8f
HSL
hsl(222, 49%, 38%)
HSLA
hsla(222, 49%, 38%, 1)
RGB
RGB(49, 77, 143)
RGBA
RGBA(49, 77, 143, 1)
Palettes for #314d8f color:
Below are examples of color palettes with the #314d8f HEX color
darkest color is #05080e from shades and lightest color is #eaedf4 from tints
Shades palette of #314d8f:
#2c4581
#273e72
#223664
#1d2e56
#192748
#141f39
#0f172b
#0a0f1d
#05080e
#000000
Tints palette of #314d8f:
#465f9a
#5a71a5
#6f82b1
#8394bc
#98a6c7
#adb8d2
#c1cadd
#d6dbe9
#eaedf4
#ffffff
Complementary palette of #314d8f:
#314d8f
#8f7331
Triadic palette of #314d8f:
#314d8f
#8f314d
#4d8f31
Square palette of #314d8f:
#314d8f
#8f317c
#8f7331
#318f44
Analogous palette of #314d8f:
#317c8f
#314d8f
#44318f
Split-Complementary palette of #314d8f:
#314d8f
#8f4431
#7c8f31
Rectangle (tetradic) palette of #314d8f:
#314d8f
#73318f
#8f7331
#4d8f31
Suggested color palettes for #314d8f HEX:
Color palette with color #314d8f #1:
Color palette with color #314d8f #2:
Color palette with color #314d8f #3:
Color palette with color #314d8f #4:
Color palette with color #314d8f #5:
Color Contrast
Color pairings of #314d8f with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#314d8f
#314d8f Contrast Ratio
8.11:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#314d8f
#314d8f Contrast Ratio
2.58:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #314d8f color png
Visit the popular colors list for more colors