#314c9c HEX color information
| Color | HEX | RGB |
|---|---|---|
| #314c9c | RGB(49, 76, 156) |
Created at 02/18/2023 22:44
Classification of #314c9c color
#314c9c is Semi dark and Cool Color Saturation 52%, lightness 40%.
Tint of darkslateblue
RGB values are RGB(49, 76, 156)
#314c9c color contains Red 19.22%, Green 29.8% and Blue 61.18%.
oklch(44.11% 0.1343 266.8)
#314c9c color contains Red 19.22%, Green 29.8% and Blue 61.18%.
oklch(44.11% 0.1343 266.8)
Color Names of #314c9c HEX code
≈ Sapphire
Alternative colors of #314c9c
Opposite Color for #314c9c is #9c8131
#314c9c Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #314c9c
Decimal
3230876
HEX
#314c9c
HSL
hsl(225, 52%, 40%)
HSLA
hsla(225, 52%, 40%, 1)
RGB
RGB(49, 76, 156)
RGBA
RGBA(49, 76, 156, 1)
Palettes for #314c9c color:
Below examples of color palettes for #314c9c HEX color
darkest color is #050810 from shades and lightest color is #eaedf5 from tints
Shades palette of #314c9c:
#2c448c
#273d7d
#22356d
#1d2e5e
#19264e
#141e3e
#0f172f
#0a0f1f
#050810
#000000
Tints palette of #314c9c:
#465ea6
#5a70b0
#6f82ba
#8394c4
#98a6ce
#adb7d7
#c1c9e1
#d6dbeb
#eaedf5
#ffffff
Complementary palette of #314c9c:
#314c9c
#9c8131
Triadic palette of #314c9c:
#314c9c
#9c314c
#4c9c31
Square palette of #314c9c:
#314c9c
#9c3182
#9c8131
#319c4c
Analogous palette of #314c9c:
#31829c
#314c9c
#4c319c
Split-Complementary palette of #314c9c:
#314c9c
#9c4c31
#829c31
Rectangle (tetradic) palette of #314c9c:
#314c9c
#81319c
#9c8131
#4c9c31
Suggested color palettes for #314c9c HEX:
Color palette with color #314c9c #1:
Color palette with color #314c9c #2:
Color palette with color #314c9c #3:
Color palette with color #314c9c #4:
Color palette with color #314c9c #5:
Color #314c9c used in palettes (1)
Color Contrast
Color pairings #314c9c with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#314c9c
#314c9c Contrast Ratio
7.94:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#314c9c
#314c9c Contrast Ratio
2.64:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #314c9c color png
Visit the popular colors list for more colors