#828EE5 Color

Color Information

HEX#828EE5
RGB130, 142, 229
HSL233° , 66% , 70%
HSV233° , 43% , 90%
CMYK43%, 38%, 0%, 10%

Lighter Shades

#919CE8 #A0A9EB #AFB7EE #BEC4F1 #CDD2F5 #DCDFF8

Darker Shades

#727DCA #636CAE #535B93 #444A77 #34395C #242840

Complementary Palette

#707AC5 #828EE5 #C5BB6E #E5D980 #E9DE92 #949EE9

Analogous Palette

#8AACC1 #8FBBD6 #7A85D7 #828EE5 #AA8FD6 #B097D8

Triadic Palette

#727DCA #828EE5 #ED7886 #EF8895 #86ED78 #76D16A

Split Complementary Palette

#7580CE #828EE5 #E5A780 #E8B08D #BEE580 #ABCE73

Square Palette

#6D77C0 #828EE5 #DD88BC #DDD388 #80E5A7 #94E9B5

Tetradic Palette

#6B74BC #828EE5 #E472F3 #E5D980 #81F372 #98F58B

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #828EE5 contains 130 red, 142 green, and 229 blue.

Contrast Ratio: 2.98:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.05:1