#529AA6 Color

Color Information

HEX#529AA6
RGB82, 154, 166
HSL189° , 34% , 49%
HSV189° , 51% , 65%
CMYK51%, 7%, 0%, 35%

Lighter Shades

#67A6B1 #7CB2BB #90BEC6 #A5CAD1 #BAD7DB #CFE3E6

Darker Shades

#488892 #3E757E #34636A #2B5056 #213E42 #172B2E

Complementary Palette

#47848F #529AA6 #905247 #A75F52 #B3756A #6AA8B2

Analogous Palette

#628478 #6A9083 #4D919C #529AA6 #6A7790 #758299

Triadic Palette

#488892 #529AA6 #B446A5 #BD5CB0 #A5B446 #919E3E

Split Complementary Palette

#4A8B95 #529AA6 #A75270 #B0637E #A78A52 #967C4A

Square Palette

#45818B #529AA6 #875F9B #9B685F #70A752 #87B56E

Tetradic Palette

#437E88 #529AA6 #4F3CBE #A75F52 #ADBE3C #BCCA5F

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #529AA6 contains 82 red, 154 green, and 166 blue.

Contrast Ratio: 3.17:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.63:1