#525BDE Color

Color Information

HEX	#525BDE
RGB	82, 91, 222
HSL	236° , 68% , 60%
HSV	236° , 63% , 87%
CMYK	63%, 59%, 0%, 13%

Lighter Shades

#676FE2 #7C82E6 #9096EA #A5AAEE #BABDF2 #CFD1F6

Darker Shades

#4850C3 #3E45A9 #343A8E #2B2F73 #212459 #17193E

Complementary Palette

#474EBF #525BDE #BFB748 #DED554 #E3DB6C #6A72E3

Analogous Palette

#6492B4 #68A0CA #4D56D1 #525BDE #9268CA #9B73CE

Triadic Palette

#4850C3 #525BDE #E94954 #EC5F69 #54E949 #4ACD40

Split Complementary Palette

#4A52C8 #525BDE #DE9054 #E19B65 #A2DE54 #92C84C

Square Palette

#454CBA #525BDE #D45EA1 #D4CC5E #54DE90 #6FE3A2

Tetradic Palette

#434BB6 #525BDE #E541F1 #DED554 #4DF141 #6DF463

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #525BDE contains 82 red, 91 green, and 222 blue.

Contrast Ratio: 5.39:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.9:1