#314c61 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #314c61 | RGB(49, 76, 97) |
Created at 10/07/2026 02:40
Classification of #314c61 color
#314c61 is Semi dark and Cool Color Saturation 33%, lightness 29%.
Shade of Dark Slate Blue
RGB values are RGB(49, 76, 97)
#314c61 color contains Red 19.22%, Green 29.8% and Blue 38.04%.
oklch(40.42% 0.0483 242.77)
#314c61 color contains Red 19.22%, Green 29.8% and Blue 38.04%.
oklch(40.42% 0.0483 242.77)
Color Names of #314c61 HEX code
≈ San Juan
Alternative colors of #314c61
Opposite Color for #314c61 is #614631
#314c61 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #314c61
cmyk
CMYK(49%, 22%, 0%, 62%)
Decimal
3230817
HEX
#314c61
HSL
hsl(206, 33%, 29%)
HSLA
hsla(206, 33%, 29%, 1)
RGB
RGB(49, 76, 97)
RGBA
RGBA(49, 76, 97, 1)
Palettes for #314c61 color:
Below are examples of color palettes with the #314c61 HEX color
darkest color is #05080a from shades and lightest color is #eaedef from tints
Shades palette of #314c61:
#2c4457
#273d4e
#223544
#1d2e3a
#192631
#141e27
#0f171d
#0a0f13
#05080a
#000000
Tints palette of #314c61:
#465e71
#5a7081
#6f8290
#8394a0
#98a6b0
#adb7c0
#c1c9d0
#d6dbdf
#eaedef
#ffffff
Complementary palette of #314c61:
#314c61
#614631
Triadic palette of #314c61:
#314c61
#61314c
#4c6131
Square palette of #314c61:
#314c61
#5e3161
#614631
#346131
Analogous palette of #314c61:
#31615e
#314c61
#313461
Split-Complementary palette of #314c61:
#314c61
#613134
#615e31
Rectangle (tetradic) palette of #314c61:
#314c61
#463161
#614631
#4c6131
Suggested color palettes for #314c61 HEX:
Color palette with color #314c61 #1:
Color palette with color #314c61 #2:
Color palette with color #314c61 #3:
Color palette with color #314c61 #4:
Color palette with color #314c61 #5:
Color Contrast
Color pairings of #314c61 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#314c61
#314c61 Contrast Ratio
8.98:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#314c61
#314c61 Contrast Ratio
2.33:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #314c61 color png
Visit the popular colors list for more colors