#314156 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #314156 | RGB(49, 65, 86) |
Created at 03/03/2023 08:21
Classification of #314156 color
#314156 is Semi dark and Cool Color Saturation 27%, lightness 26%.
Shade of Dark Slate Blue
RGB values are RGB(49, 65, 86)
#314156 color contains Red 19.22%, Green 25.49% and Blue 33.73%.
oklch(37.07% 0.0419 255.43)
#314156 color contains Red 19.22%, Green 25.49% and Blue 33.73%.
oklch(37.07% 0.0419 255.43)
Color Names of #314156 HEX code
≈ Pickled Bluewood
Alternative colors of #314156
Opposite Color for #314156 is #564631
#314156 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #314156
cmyk
CMYK(43%, 24%, 0%, 66%)
Decimal
3227990
HEX
#314156
HSL
hsl(214, 27%, 26%)
HSLA
hsla(214, 27%, 26%, 1)
RGB
RGB(49, 65, 86)
RGBA
RGBA(49, 65, 86, 1)
Palettes for #314156 color:
Below are examples of color palettes with the #314156 HEX color
darkest color is #050609 from shades and lightest color is #eaecee from tints
Shades palette of #314156:
#2c3b4d
#273445
#222e3c
#1d2734
#19212b
#141a22
#0f141a
#0a0d11
#050609
#000000
Tints palette of #314156:
#465467
#5a6778
#6f7a89
#838d9a
#98a0ab
#adb3bb
#c1c6cc
#d6d9dd
#eaecee
#ffffff
Complementary palette of #314156:
#314156
#564631
Triadic palette of #314156:
#314156
#563141
#415631
Square palette of #314156:
#314156
#563154
#564631
#315634
Analogous palette of #314156:
#315456
#314156
#343156
Split-Complementary palette of #314156:
#314156
#563431
#535631
Rectangle (tetradic) palette of #314156:
#314156
#463156
#564631
#415631
Suggested color palettes for #314156 HEX:
Color palette with color #314156 #1:
Color palette with color #314156 #2:
Color palette with color #314156 #3:
Color palette with color #314156 #4:
Color palette with color #314156 #5:
Color #314156 used in palettes (3)
Color Contrast
Color pairings of #314156 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#314156
#314156 Contrast Ratio
10.39:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#314156
#314156 Contrast Ratio
2.02:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #314156 color png
Visit the popular colors list for more colors