#313C43 Color

Color Information

HEX#313C43
RGB49, 60, 67
HSL203° , 16% , 23%
HSV203° , 27% , 26%
CMYK27%, 10%, 0%, 74%

Lighter Shades

#4A535A #626B70 #7B8287 #949A9D #ADB1B4 #C5C8CA

Darker Shades

#2B353B #252E33 #1F262B #191F23 #14181B #0E1113

Complementary Palette

#2A343A #313C43 #3A302A #443831 #5E544E #4E575D

Analogous Palette

#2E3E3C #324342 #2E383F #313C43 #323443 #3F4155

Triadic Palette

#2B353B #313C43 #4A2B3F #604456 #3F4A2B #374126

Split Complementary Palette

#2C363C #313C43 #443133 #574647 #444231 #3D3B2C

Square Palette

#293238 #313C43 #423243 #433832 #334431 #546252

Tetradic Palette

#283137 #313C43 #35274F #443831 #404F27 #626F4E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #313C43 contains 49 red, 60 green, and 67 blue.

Contrast Ratio: 11.78:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.78:1