#525A7A Color

Color Information

HEX#525A7A
RGB82, 90, 122
HSL228° , 20% , 40%
HSV228° , 33% , 48%
CMYK33%, 26%, 0%, 52%

Lighter Shades

#676E8A #7C829A #9095AA #A5A9BA #BABDCA #CFD1DA

Darker Shades

#484F6B #3E445D #343A4E #2B2F3F #212431 #171922

Complementary Palette

#474D69 #525A7A #696247 #7A7252 #8D866A #6A718D

Analogous Palette

#50646D #576C75 #4D5573 #525A7A #605775 #6C6284

Triadic Palette

#484F6B #525A7A #854754 #945D69 #548547 #4A753E

Split Complementary Palette

#4A516E #525A7A #7A5E52 #876E63 #6E7A52 #636E4A

Square Palette

#454C66 #525A7A #75576C #756F57 #527A5E #6E8F78

Tetradic Palette

#434A64 #525A7A #7D3F8D #7A7252 #4F8D3F #6FA262

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #525A7A contains 82 red, 90 green, and 122 blue.

Contrast Ratio: 6.81:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.08:1