#525A62 Color

Color Information

HEX#525A62
RGB82, 90, 98
HSL210° , 9% , 35%
HSV210° , 16% , 38%
CMYK16%, 8%, 0%, 62%

Lighter Shades

#676E75 #7C8288 #90959B #A5A9AD #BABDC0 #CFD1D3

Darker Shades

#484F56 #3E444A #343A3F #2B2F33 #212427 #17191B

Complementary Palette

#474D54 #525A62 #534D46 #615951 #777069 #6A7178

Analogous Palette

#455E5E #4C6767 #4D555C #525A62 #4C4C67 #575775

Triadic Palette

#484F56 #525A62 #6A4859 #7C5E6D #596A48 #4E5D3F

Split Complementary Palette

#4A5158 #525A62 #615151 #716262 #616151 #575749

Square Palette

#454C52 #525A62 #674C67 #67594C #516151 #6D7A6D

Tetradic Palette

#434A50 #525A62 #594171 #615951 #597141 #778B63

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #525A62 contains 82 red, 90 green, and 98 blue.

Contrast Ratio: 7.06:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.97:1