#31525C Color

Color Information

HEX#31525C
RGB49, 82, 92
HSL194° , 30% , 28%
HSV194° , 47% , 36%
CMYK47%, 11%, 0%, 64%

Lighter Shades

#4A6770 #627C83 #7B9097 #94A5AA #ADBABE #C5CFD1

Darker Shades

#2B4851 #253E46 #1F343B #192B30 #142125 #0E171A

Complementary Palette

#2A474F #31525C #50342B #5D3C32 #74574F #4E6A73

Analogous Palette

#384C47 #3D524C #2E4D56 #31525C #3D4252 #4A5164

Triadic Palette

#2B4851 #31525C #642B57 #77446B #57642B #4D5826

Split Complementary Palette

#2C4A53 #31525C #5D323D #6D4750 #5D5132 #54492D

Square Palette

#29454D #31525C #4E3956 #564039 #3D5D32 #5C7753

Tetradic Palette

#28434B #31525C #35256A #5D3C32 #5A6A25 #78854C

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #31525C contains 49 red, 82 green, and 92 blue.

Contrast Ratio: 8.59:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.45:1