#525F8F Color

Color Information

HEX#525F8F
RGB82, 95, 143
HSL227° , 27% , 44%
HSV227° , 43% , 56%
CMYK43%, 34%, 0%, 44%

Lighter Shades

#67729C #7C85AA #9099B7 #A5ACC5 #BABFD2 #CFD2E0

Darker Shades

#48547E #3E486D #343D5C #2B314A #212639 #171B28

Complementary Palette

#47527B #525F8F #7A6F47 #8E8152 #9E936A #6A759F

Analogous Palette

#576D75 #5F7781 #4D5986 #525F8F #695F81 #72688D

Triadic Palette

#48547E #525F8F #9A4759 #A65D6D #599A47 #4E883E

Split Complementary Palette

#4A5681 #525F8F #8E6352 #997363 #7D8E52 #71804A

Square Palette

#455078 #525F8F #835D78 #837B5D #528E63 #6EA07C

Tetradic Palette

#434E75 #525F8F #8D3EA3 #8E8152 #54A33E #73B461

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #525F8F contains 82 red, 95 green, and 143 blue.

Contrast Ratio: 6.2:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.38:1