#313e54 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #313e54 | RGB(49, 62, 84) |
Created at 03/02/2023 08:05
RGB values are RGB(49, 62, 84)
#313e54 color contains Red 19.22%, Green 24.31% and Blue 32.94%.
oklch(36.21% 0.042 260.75)
#313e54 color contains Red 19.22%, Green 24.31% and Blue 32.94%.
oklch(36.21% 0.042 260.75)
Color Names of #313e54 HEX code
Charcoal Color
≈ Pickled Bluewood
Classification of #313e54 color
#313e54 is Semi dark and Cool Color Saturation 26%, lightness 26%.
Shade of Dark Slate Blue
Alternative colors of #313e54
Opposite Color for #313e54 is #544731
#313e54 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #313e54
cmyk
CMYK(42%, 26%, 0%, 67%)
Decimal
3227220
HEX
#313e54
HSL
hsl(218, 26%, 26%)
HSLA
hsla(218, 26%, 26%, 1)
RGB
RGB(49, 62, 84)
RGBA
RGBA(49, 62, 84, 1)
Palettes for #313e54 color:
Below are examples of color palettes with the #313e54 HEX color
darkest color is #050608 from shades and lightest color is #eaecee from tints
Shades palette of #313e54:
#2c384c
#273243
#222b3b
#1d2532
#191f2a
#141922
#0f1319
#0a0c11
#050608
#000000
Tints palette of #313e54:
#465165
#5a6576
#6f7887
#838b98
#989faa
#adb2bb
#c1c5cc
#d6d8dd
#eaecee
#ffffff
Complementary palette of #313e54:
#313e54
#544731
Triadic palette of #313e54:
#313e54
#54313e
#3e5431
Square palette of #313e54:
#313e54
#543150
#544731
#315435
Analogous palette of #313e54:
#315054
#313e54
#353154
Split-Complementary palette of #313e54:
#313e54
#543531
#505431
Rectangle (tetradic) palette of #313e54:
#313e54
#473154
#544731
#3e5431
Suggested color palettes for #313e54 HEX:
Color palette with color #313e54 #1:
Color palette with color #313e54 #2:
Color palette with color #313e54 #3:
Color palette with color #313e54 #4:
Color palette with color #313e54 #5:
Color #313e54 used in palettes (9)
Design mobile app ukraine ux colors paletteWeb app graphic design illustration hex colorsUber brand easter egg colors paletteLookbook catalogmodel winter product stylePrinting gold commercial template paletteWeb ui people homepageLettering illustration art design colorsBusiness halo branding brand sign hex colorsLogo design halo lab logotype hex colors
Color Contrast
Color pairings of #313e54 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#313e54
#313e54Contrast Ratio
10.78:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#313e54
#313e54Contrast Ratio
1.94:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #313e54 color png
Visit the popular colors list for more colors