#313e56 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #313e56 | RGB(49, 62, 86) |
Created at 02/25/2023 04:14
RGB values are RGB(49, 62, 86)
#313e56 color contains Red 19.22%, Green 24.31% and Blue 33.73%.
oklch(36.32% 0.0452 262.34)
#313e56 color contains Red 19.22%, Green 24.31% and Blue 33.73%.
oklch(36.32% 0.0452 262.34)
Color Names of #313e56 HEX code
≈ Pickled Bluewood
Classification of #313e56 color
#313e56 is Semi dark and Cool Color Saturation 27%, lightness 26%.
Shade of Dark Slate Blue
Alternative colors of #313e56
Opposite Color for #313e56 is #564931
#313e56 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #313e56
cmyk
CMYK(43%, 28%, 0%, 66%)
Decimal
3227222
HEX
#313e56
HSL
hsl(219, 27%, 26%)
HSLA
hsla(219, 27%, 26%, 1)
RGB
RGB(49, 62, 86)
RGBA
RGBA(49, 62, 86, 1)
Palettes for #313e56 color:
Below are examples of color palettes with the #313e56 HEX color
darkest color is #050609 from shades and lightest color is #eaecee from tints
Shades palette of #313e56:
#2c384d
#273245
#222b3c
#1d2534
#191f2b
#141922
#0f131a
#0a0c11
#050609
#000000
Tints palette of #313e56:
#465167
#5a6578
#6f7889
#838b9a
#989fab
#adb2bb
#c1c5cc
#d6d8dd
#eaecee
#ffffff
Complementary palette of #313e56:
#313e56
#564931
Triadic palette of #313e56:
#313e56
#56313e
#3e5631
Square palette of #313e56:
#313e56
#563150
#564931
#315637
Analogous palette of #313e56:
#315056
#313e56
#373156
Split-Complementary palette of #313e56:
#313e56
#563731
#505631
Rectangle (tetradic) palette of #313e56:
#313e56
#493156
#564931
#3e5631
Suggested color palettes for #313e56 HEX:
Color palette with color #313e56 #1:
Color palette with color #313e56 #2:
Color palette with color #313e56 #3:
Color palette with color #313e56 #4:
Color palette with color #313e56 #5:
Color #313e56 used in palettes (7)
Color Contrast
Color pairings of #313e56 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#313e56
#313e56Contrast Ratio
10.74:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#313e56
#313e56Contrast Ratio
1.95:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #313e56 color png
Visit the popular colors list for more colors