#537EDB Color

Color Information

HEX#537EDB
RGB83, 126, 219
HSL221° , 65% , 59%
HSV221° , 62% , 86%
CMYK62%, 42%, 0%, 14%

Lighter Shades

#688DDF #7C9DE4 #91ACE8 #A6BCEC #BACBF1 #CFDBF5

Darker Shades

#496FC1 #3F60A6 #35518C #2B4272 #213258 #17233D

Complementary Palette

#476CBC #537EDB #BB9747 #DAAF52 #DFBA6A #6B90E0

Analogous Palette

#62A3B2 #67B4C5 #4E76CE #537EDB #7967C5 #8272CA

Triadic Palette

#496FC1 #537EDB #E5487A #E85E8A #7AE548 #6BCA3F

Split Complementary Palette

#4B71C5 #537EDB #DA6B52 #DE7A63 #C1DA52 #AEC44A

Square Palette

#466AB8 #537EDB #D05DBB #D0AC5D #52DA6B #6EE083

Tetradic Palette

#4467B4 #537EDB #B640ED #DAAF52 #77ED40 #8FF062

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #537EDB contains 83 red, 126 green, and 219 blue.

Contrast Ratio: 3.87:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.43:1