#313B45 Color

Color Information

HEX#313B45
RGB49, 59, 69
HSL210° , 17% , 23%
HSV210° , 29% , 27%
CMYK29%, 14%, 0%, 73%

Lighter Shades

#4A535B #626A72 #7B8288 #94999E #ADB1B5 #C5C8CB

Darker Shades

#2B343D #252D34 #1F262C #191F24 #14181C #0E1113

Complementary Palette

#2A333B #313B45 #3B332A #453B31 #5F564E #4E565F

Analogous Palette

#2E3E3E #324343 #2E3741 #313B45 #323243 #3F3F55

Triadic Palette

#2B343D #313B45 #4A2B3B #604453 #3B4A2B #344126

Split Complementary Palette

#2C353E #313B45 #453131 #584646 #454531 #3E3E2C

Square Palette

#29323A #313B45 #433243 #433B32 #314531 #526352

Tetradic Palette

#283039 #313B45 #3B264F #453B31 #3B4F26 #5E6F4D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #313B45 contains 49 red, 59 green, and 69 blue.

Contrast Ratio: 11.89:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.77:1