#524EA6 Color

Color Information

HEX#524EA6
RGB82, 78, 166
HSL243° , 36% , 48%
HSV243° , 53% , 65%
CMYK51%, 53%, 0%, 35%

Lighter Shades

#6763B1 #7C78BB #908EC6 #A5A3D1 #BAB8DB #CFCDE6

Darker Shades

#484592 #3E3B7E #34326A #2B2956 #211F42 #17162E

Complementary Palette

#47438F #524EA6 #8B8F43 #A2A64E #AFB267 #6A67B2

Analogous Palette

#5E6E82 #67788E #4D499C #524EA6 #7C678E #867297

Triadic Palette

#484592 #524EA6 #B34842 #BC5E59 #42B348 #3A9E3F

Split Complementary Palette

#4A4695 #524EA6 #A67F4E #AF8C60 #76A64E #6A9546

Square Palette

#45428B #524EA6 #9A5B77 #979A5B #4EA67F #6AB493

Tetradic Palette

#434088 #524EA6 #BC38B6 #A2A64E #38BC3F #5CC862

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #524EA6 contains 82 red, 78 green, and 166 blue.

Contrast Ratio: 7.08:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.97:1