#31444D Color

Color Information

HEX#31444D
RGB49, 68, 77
HSL199° , 22% , 25%
HSV199° , 36% , 30%
CMYK36%, 12%, 0%, 70%

Lighter Shades

#4A5A62 #627178 #7B878D #949EA2 #ADB4B8 #C5CBCD

Darker Shades

#2B3C44 #25343B #1F2C31 #192328 #141B1F #0E1316

Complementary Palette

#2A3A42 #31444D #43332B #4E3B32 #67564F #4E5E66

Analogous Palette

#324340 #364946 #2E4048 #31444D #363A49 #43485B

Triadic Palette

#2B3C44 #31444D #542B47 #69445D #47542B #3E4A26

Split Complementary Palette

#2C3D45 #31444D #4E3237 #60474B #4E4932 #46422D

Square Palette

#293941 #31444D #463649 #493C36 #374E32 #576A53

Tetradic Palette

#28383F #31444D #362659 #4E3B32 #495926 #6A774D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #31444D contains 49 red, 68 green, and 77 blue.

Contrast Ratio: 10.51:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2:1