#7E8AE5 Color

Color Information

HEX#7E8AE5
RGB126, 138, 229
HSL233° , 66% , 70%
HSV233° , 45% , 90%
CMYK45%, 40%, 0%, 10%

Lighter Shades

#8D98E8 #9DA6EB #ACB4EE #BCC2F1 #CBD0F5 #DBDEF8

Darker Shades

#6F79CA #6069AE #515893 #424877 #32375C #232740

Complementary Palette

#6C77C5 #7E8AE5 #C5BB6E #E5D980 #E9DE92 #909AE9

Analogous Palette

#8AACC1 #8FBBD6 #7682D7 #7E8AE5 #AA8FD6 #B097D8

Triadic Palette

#6F79CA #7E8AE5 #ED7886 #EF8895 #86ED78 #76D16A

Split Complementary Palette

#717CCE #7E8AE5 #E5A780 #E8B08D #BEE580 #ABCE73

Square Palette

#6A74C0 #7E8AE5 #DD88BC #DDD388 #80E5A7 #94E9B5

Tetradic Palette

#6771BC #7E8AE5 #E472F3 #E5D980 #81F372 #98F58B

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #7E8AE5 contains 126 red, 138 green, and 229 blue.

Contrast Ratio: 3.11:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.75:1