#5A67D2 Color

Color Information

HEX#5A67D2
RGB90, 103, 210
HSL234° , 57% , 59%
HSV234° , 57% , 82%
CMYK57%, 51%, 0%, 18%

Lighter Shades

#6E79D7 #828BDD #959EE2 #A9B0E8 #BDC2ED #D1D4F2

Darker Shades

#4F5BB9 #444EA0 #3A4286 #2F366D #242954 #191D3B

Complementary Palette

#4D59B5 #5A67D2 #B5AA4E #D2C65B #D8CE72 #717CD8

Analogous Palette

#6A90A9 #709EBD #5561C5 #5A67D2 #8F70BD #977AC2

Triadic Palette

#4F5BB9 #5A67D2 #DC505E #E06571 #5EDC50 #53C246

Split Complementary Palette

#515DBD #5A67D2 #D28B5B #D7976B #A2D25B #92BD52

Square Palette

#4C57B0 #5A67D2 #C865A0 #C8BE65 #5BD28B #75D99E

Tetradic Palette

#4A54AC #5A67D2 #D548E5 #D2C65B #58E548 #76EA69

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5A67D2 contains 90 red, 103 green, and 210 blue.

Contrast Ratio: 4.86:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.32:1