#31323C Color

Color Information

HEX#31323C
RGB49, 50, 60
HSL235° , 10% , 21%
HSV235° , 18% , 24%
CMYK18%, 17%, 0%, 76%

Lighter Shades

#4A4B53 #62636B #7B7C82 #94949A #ADADB1 #C5C6C8

Darker Shades

#2B2C35 #25262E #1F2026 #191A1F #141418 #0E0E11

Complementary Palette

#2A2B34 #31323C #333229 #3B3A30 #56564D #4E4F57

Analogous Palette

#293238 #2E363E #2E2F38 #31323C #352E3E #433B4F

Triadic Palette

#2B2C35 #31323C #402B2D #574446 #2D402B #283826

Split Complementary Palette

#2C2D36 #31323C #3B3530 #4F4945 #363B30 #31352B

Square Palette

#292A32 #31323C #3E2E36 #3E3C2E #303B35 #515A55

Tetradic Palette

#282931 #31323C #422745 #3B3A30 #294527 #50664E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #31323C contains 49 red, 50 green, and 60 blue.

Contrast Ratio: 13.38:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.57:1