#312F39 Color

Color Information

HEX#312F39
RGB49, 47, 57
HSL252° , 10% , 20%
HSV252° , 18% , 22%
CMYK14%, 18%, 0%, 78%

Lighter Shades

#4A4851 #626169 #7B7A80 #949398 #ADACB0 #C5C5C8

Darker Shades

#2B2932 #25242B #1F1E24 #19181E #141317 #0E0D10

Complementary Palette

#2A2831 #312F39 #2E3028 #36382E #52544B #4E4C55

Analogous Palette

#272B35 #2B303B #2E2C36 #312F39 #362B3B #46384C

Triadic Palette

#2B2932 #312F39 #3D2D29 #544643 #293D2D #243628

Split Complementary Palette

#2C2A33 #312F39 #38352E #4C4943 #31382E #2C3229

Square Palette

#292730 #312F39 #3B2B30 #383B2B #2E3835 #4F5855

Tetradic Palette

#28272F #312F39 #41253C #36382E #25412A #4C6350

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #312F39 contains 49 red, 47 green, and 57 blue.

Contrast Ratio: 13.88:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.51:1