#535A7D Color

Color Information

HEX#535A7D
RGB83, 90, 125
HSL230° , 20% , 41%
HSV230° , 34% , 49%
CMYK34%, 28%, 0%, 51%

Lighter Shades

#686E8D #7C829C #9195AC #A6A9BB #BABDCB #CFD1DB

Darker Shades

#494F6E #3F445F #353A50 #2B2F41 #212432 #171923

Complementary Palette

#474D6C #535A7D #6C6548 #7D7654 #8F896C #6B718F

Analogous Palette

#52666F #596E78 #4E5576 #535A7D #635978 #706487

Triadic Palette

#494F6E #535A7D #884954 #965F69 #548849 #4A7840

Split Complementary Palette

#4B5171 #535A7D #7D6254 #8A7265 #707D54 #65714C

Square Palette

#464C69 #535A7D #78596E #787359 #547D62 #6F927B

Tetradic Palette

#444A67 #535A7D #834190 #7D7654 #4E9041 #6EA463

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #535A7D contains 83 red, 90 green, and 125 blue.

Contrast Ratio: 6.76:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.11:1