#314356 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #314356 | RGB(49, 67, 86) |
Created at 02/20/2023 07:23
RGB values are RGB(49, 67, 86)
#314356 color contains Red 19.22%, Green 26.27% and Blue 33.73%.
oklch(37.58% 0.0401 250.28)
#314356 color contains Red 19.22%, Green 26.27% and Blue 33.73%.
oklch(37.58% 0.0401 250.28)
Color Names of #314356 HEX code
≈ Pickled Bluewood
Classification of #314356 color
#314356 is Semi dark and Cool Color Saturation 27%, lightness 26%.
Shade of Dark Slate Blue
Alternative colors of #314356
Opposite Color for #314356 is #564431
#314356 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #314356
cmyk
CMYK(43%, 22%, 0%, 66%)
Decimal
3228502
HEX
#314356
HSL
hsl(211, 27%, 26%)
HSLA
hsla(211, 27%, 26%, 1)
RGB
RGB(49, 67, 86)
RGBA
RGBA(49, 67, 86, 1)
Palettes for #314356 color:
Below are examples of color palettes with the #314356 HEX color
darkest color is #050709 from shades and lightest color is #eaecee from tints
Shades palette of #314356:
#2c3c4d
#273645
#222f3c
#1d2834
#19222b
#141b22
#0f141a
#0a0d11
#050709
#000000
Tints palette of #314356:
#465667
#5a6978
#6f7b89
#838e9a
#98a1ab
#adb4bb
#c1c7cc
#d6d9dd
#eaecee
#ffffff
Complementary palette of #314356:
#314356
#564431
Triadic palette of #314356:
#314356
#563143
#435631
Square palette of #314356:
#314356
#563155
#564431
#315632
Analogous palette of #314356:
#315556
#314356
#323156
Split-Complementary palette of #314356:
#314356
#563231
#565631
Rectangle (tetradic) palette of #314356:
#314356
#443156
#564431
#435631
Suggested color palettes for #314356 HEX:
Color palette with color #314356 #1:
Color palette with color #314356 #2:
Color palette with color #314356 #3:
Color palette with color #314356 #4:
Color palette with color #314356 #5:
Color #314356 used in palettes (2)
Color Contrast
Color pairings of #314356 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#314356
#314356Contrast Ratio
10.15:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#314356
#314356Contrast Ratio
2.06:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #314356 color png
Visit the popular colors list for more colors