#536EC6 Color

Color Information

HEX	#536EC6
RGB	83, 110, 198
HSL	226° , 50% , 55%
HSV	226° , 58% , 78%
CMYK	58%, 44%, 0%, 22%

Lighter Shades

#687FCD #7C91D4 #91A2DB #A6B4E1 #BAC5E8 #CFD6EF

Darker Shades

#4961AE #3F5496 #35467F #2B3967 #212C4F #171F37

Complementary Palette

#475FAA #536EC6 #AA9347 #C6AB53 #CEB76B #6B82CE

Analogous Palette

#678F9E #6A9CAF #4E67BA #536EC6 #7C6AAF #8777B6

Triadic Palette

#4961AE #536EC6 #D14768 #D75D7A #68D147 #5CB83E

Split Complementary Palette

#4B63B2 #536EC6 #C67153 #CC7F64 #A7C653 #96B24B

Square Palette

#465CA6 #536EC6 #BA5EA2 #BAA55E #53C671 #6FCF88

Tetradic Palette

#445AA2 #536EC6 #B63EDA #C6AB53 #63DA3E #7FE161

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #536EC6 contains 83 red, 110 green, and 198 blue.

Contrast Ratio: 4.73:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.44:1