#31434F Color

Color Information

HEX#31434F
RGB49, 67, 79
HSL204° , 23% , 25%
HSV204° , 38% , 31%
CMYK38%, 15%, 0%, 69%

Lighter Shades

#4A5A64 #627079 #7B878E #949DA3 #ADB4B9 #C5CACE

Darker Shades

#2B3B46 #25333C #1F2B33 #192329 #141B20 #0E1316

Complementary Palette

#2A3A44 #31434F #43342A #4E3D31 #67584E #4E5D68

Analogous Palette

#324341 #364947 #2E3F4A #31434F #363849 #43465B

Triadic Palette

#2B3B46 #31434F #552B45 #69445B #45552B #3D4B26

Split Complementary Palette

#2C3C47 #31434F #4E3134 #604648 #4E4B31 #46442C

Square Palette

#293842 #31434F #473649 #493E36 #344E31 #546A52

Tetradic Palette

#283741 #31434F #3B265A #4E3D31 #465A26 #67784D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #31434F contains 49 red, 67 green, and 79 blue.

Contrast Ratio: 10.61:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.98:1