#314c67 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #314c67 | RGB(49, 76, 103) |
Created at 03/20/2023 02:59
Classification of #314c67 color
#314c67 is Semi dark and Cool Color Saturation 36%, lightness 30%.
Shade of Dark Slate Blue
RGB values are RGB(49, 76, 103)
#314c67 color contains Red 19.22%, Green 29.8% and Blue 40.39%.
oklch(40.72% 0.0563 249.36)
#314c67 color contains Red 19.22%, Green 29.8% and Blue 40.39%.
oklch(40.72% 0.0563 249.36)
Color Names of #314c67 HEX code
≈ San Juan
Alternative colors of #314c67
Opposite Color for #314c67 is #674c31
#314c67 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #314c67
cmyk
CMYK(52%, 26%, 0%, 60%)
Decimal
3230823
HEX
#314c67
HSL
hsl(210, 36%, 30%)
HSLA
hsla(210, 36%, 30%, 1)
RGB
RGB(49, 76, 103)
RGBA
RGBA(49, 76, 103, 1)
Palettes for #314c67 color:
Below examples of color palettes for #314c67 HEX color
darkest color is #05080a from shades and lightest color is #eaedf0 from tints
Shades palette of #314c67:
#2c445d
#273d52
#223548
#1d2e3e
#192634
#141e29
#0f171f
#0a0f15
#05080a
#000000
Tints palette of #314c67:
#465e76
#5a7085
#6f8295
#8394a4
#98a6b3
#adb7c2
#c1c9d1
#d6dbe1
#eaedf0
#ffffff
Complementary palette of #314c67:
#314c67
#674c31
Triadic palette of #314c67:
#314c67
#67314c
#4c6731
Square palette of #314c67:
#314c67
#673167
#674c31
#316731
Analogous palette of #314c67:
#316767
#314c67
#313167
Split-Complementary palette of #314c67:
#314c67
#673131
#676731
Rectangle (tetradic) palette of #314c67:
#314c67
#4c3167
#674c31
#4c6731
Suggested color palettes for #314c67 HEX:
Color palette with color #314c67 #1:
Color palette with color #314c67 #2:
Color palette with color #314c67 #3:
Color palette with color #314c67 #4:
Color palette with color #314c67 #5:
Color #314c67 used in palettes (2)
Color Contrast
Color pairings #314c67 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#314c67
#314c67 Contrast Ratio
8.89:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#314c67
#314c67 Contrast Ratio
2.36:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #314c67 color png
Visit the popular colors list for more colors