#31363E Color

Color Information

HEX#31363E
RGB49, 54, 62
HSL217° , 12% , 22%
HSV217° , 21% , 24%
CMYK21%, 13%, 0%, 76%

Lighter Shades

#4A4E55 #62666C #7B7E83 #94969B #ADAFB2 #C5C7C9

Darker Shades

#2B3037 #25292F #1F2328 #191C20 #141619 #0E0F11

Complementary Palette

#2A2E35 #31363E #36322A #3F3A31 #5A564E #4E5259

Analogous Palette

#2B383B #303E41 #2E333A #31363E #323041 #403D52

Triadic Palette

#2B3037 #31363E #452B36 #5B444E #36452B #303D26

Split Complementary Palette

#2C3138 #31363E #3F3331 #524746 #3D3F31 #37392C

Square Palette

#292D34 #31363E #41303E #413B30 #313F33 #525E54

Tetradic Palette

#282C33 #31363E #3D2749 #3F3A31 #364927 #5A6A4E

Contrast Checker

White Background

PASS

Example Headline (24px)

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

Contrast Ratio: 12.75:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.65:1