#313C42 Color

Color Information

HEX#313C42
RGB49, 60, 66
HSL201° , 15% , 23%
HSV201° , 26% , 26%
CMYK26%, 9%, 0%, 74%

Lighter Shades

#4A5359 #626B6F #7B8286 #949A9D #ADB1B3 #C5C8CA

Darker Shades

#2B353A #252E32 #1F262A #191F22 #14181A #0E1112

Complementary Palette

#2A3439 #313C42 #3A302B #433832 #5D544F #4E575C

Analogous Palette

#2E3E3C #324341 #2E383E #313C42 #323443 #3F4155

Triadic Palette

#2B353A #313C42 #492C3F #5F4556 #3F492C #374027

Split Complementary Palette

#2C363B #313C42 #433234 #564748 #434132 #3C3B2D

Square Palette

#293237 #313C42 #413243 #433832 #344332 #546153

Tetradic Palette

#283136 #313C42 #35274E #433832 #404E27 #626E4E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #313C42 contains 49 red, 60 green, and 66 blue.

Contrast Ratio: 11.8:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.78:1