#528EA0 Color

Color Information

HEX#528EA0
RGB82, 142, 160
HSL194° , 32% , 47%
HSV194° , 49% , 63%
CMYK49%, 11%, 0%, 37%

Lighter Shades

#679CAB #7CA9B7 #90B7C2 #A5C4CE #BAD2D9 #CFDFE4

Darker Shades

#487D8D #3E6C7A #345B66 #2B4A53 #213940 #17282D

Complementary Palette

#477A8A #528EA0 #885546 #9E6351 #AC7969 #6A9EAD

Analogous Palette

#5D7E76 #668A80 #4D8596 #528EA0 #666F8A #6F7995

Triadic Palette

#487D8D #528EA0 #AA4693 #B45CA0 #93AA46 #81963E

Split Complementary Palette

#4A8090 #528EA0 #9E5166 #A86275 #9E8A51 #8E7C49

Square Palette

#457786 #528EA0 #845D92 #926A5D #669E51 #7EAE6D

Tetradic Palette

#437483 #528EA0 #583CB4 #9E6351 #98B43C #ABC25F

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #528EA0 contains 82 red, 142 green, and 160 blue.

Contrast Ratio: 3.61:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.81:1