#31313E Color

Color Information

HEX	#31313E
RGB	49, 49, 62
HSL	240° , 12% , 22%
HSV	240° , 21% , 24%
CMYK	21%, 21%, 0%, 76%

Lighter Shades

#4A4A55 #62626C #7B7B83 #94949B #ADADB2 #C5C5C9

Darker Shades

#2B2B37 #25252F #1F1F28 #191920 #141419 #0E0E11

Complementary Palette

#2A2A35 #31313E #36362A #3F3F31 #5A5A4E #4E4E59

Analogous Palette

#2B343B #303841 #2E2E3A #31313E #383041 #483D52

Triadic Palette

#2B2B37 #31313E #452B2B #5B4444 #2B452B #263D26

Split Complementary Palette

#2C2C38 #31313E #3F3831 #524C46 #383F31 #32392C

Square Palette

#292934 #31313E #413038 #414130 #313F38 #525E58

Tetradic Palette

#282833 #31313E #492749 #3F3F31 #274927 #4E6A4E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #31313E contains 49 red, 49 green, and 62 blue.

Contrast Ratio: 13.49:1

Black Background

FAIL

Example Headline (24px)

This shade works well for UI design, branding, typography, and digital projects.

Contrast Ratio: 1.56:1