#31373F Color

Color Information

HEX	#31373F
RGB	49, 55, 63
HSL	214° , 13% , 22%
HSV	214° , 22% , 25%
CMYK	22%, 13%, 0%, 75%

Lighter Shades

#4A4F56 #62676D #7B7F84 #94979B #ADAFB2 #C5C7C9

Darker Shades

#2B3037 #252A30 #1F2328 #191D21 #141619 #0E0F12

Complementary Palette

#2A2F36 #31373F #36312A #3F3931 #5A554E #4E535A

Analogous Palette

#2B393B #303F41 #2E343B #31373F #313041 #3E3D52

Triadic Palette

#2B3037 #31373F #452B36 #5B444E #36452B #303D26

Split Complementary Palette

#2C3239 #31373F #3F3231 #524746 #3E3F31 #38392C

Square Palette

#292E35 #31373F #41303F #413930 #313F32 #525E53

Tetradic Palette

#282D34 #31373F #3A2749 #3F3931 #364927 #5A6A4E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #31373F contains 49 red, 55 green, and 63 blue.

Contrast Ratio: 12.58:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.67:1