#539BB2 Color

Color Information

HEX#539BB2
RGB83, 155, 178
HSL195° , 38% , 51%
HSV195° , 53% , 70%
CMYK53%, 13%, 0%, 30%

Lighter Shades

#68A7BB #7CB3C4 #91BFCE #A6CBD7 #BAD7E0 #CFE3E9

Darker Shades

#49889D #3F7687 #356372 #2B515D #213E47 #172B32

Complementary Palette

#478599 #539BB2 #995B47 #B26A53 #BD7F6B #6BA9BD

Analogous Palette

#638C82 #6C998D #4E92A7 #539BB2 #6C7799 #7881A1

Triadic Palette

#49889D #539BB2 #BE46A0 #C65CAB #A0BE46 #8DA73E

Split Complementary Palette

#4B8CA0 #539BB2 #B2536A #BA6479 #B29A53 #A08B4B

Square Palette

#468296 #539BB2 #945FA5 #A5715F #6AB253 #82BE6F

Tetradic Palette

#447F92 #539BB2 #5F3CC8 #B26A53 #A5C83C #B5D25F

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #539BB2 contains 83 red, 155 green, and 178 blue.

Contrast Ratio: 3.09:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.8:1