Colors
#313e56

Created at 02/25/2023 04:14

#313e56 HEX Color information

Color	HEX	RGB
	#313e56	RGB(49, 62, 86)

RGB values are RGB(49, 62, 86)
#313e56 color contain Red 19.22%, Green 24.31% and Blue 33.73%.
oklch(36.32% 0.0452 262.34)

Darkslateblue

Color Names of #313e56 HEX code

Charcoal Color

Classification of #313e56 color

#313e56 is Light and Cool Color Saturation 27%, lightness 26%.

Tint of darkslateblue

Alternative colors of #313e56

Opposite Color for #313e56 is #544830

#544830

#313e56 Color Conversion

Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #313e56

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 examples of color palettes for #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:

#303d54

#544830

Triadic palette of #313e56:

#303d54

#54303d

#3d5430

Square palette of #313e56:

#303d54

#54304f

#305436

#544830

Analogous palette of #313e56:

#304f54

#303d54

Split-Complementary palette of #313e56:

#303d54

#304f54

Rectangle (tetradic) palette of #313e56:

#303d54

#54304f

#305436

#543630

Suggested colors palettes for #313e56 HEX:

Colors palette with color #313e56 #1:

Colors palette with color #313e56 #2:

Colors palette with color #313e56 #3:

Colors palette with color #313e56 #4:

Colors palette with color #313e56 #5:

Color #313e56 used in palettes (7)

Car store website color scheme Timeline design edge computing cover colors Ecommerce uiux shopping cart dailyui colors palette Fashion design brand streetwear colors Colors interaction typography pic Comics avatar caricature vector hex colors Book character lamp knowledge palette

Color Contrast

Color pairings #313e56 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio

#313e56

Contrast Ratio

10.74:1

Size	AA-level	AAA-level
Large text:
Small text:

#313e56

Contrast 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

Metro UI Colors Pantone Colors Web Colors Web Safe Colors X11 Colors XKCD Colors