#7C8AE4 Color

Color Information

HEX#7C8AE4
RGB124, 138, 228
HSL232° , 66% , 69%
HSV232° , 46% , 89%
CMYK46%, 39%, 0%, 11%

Lighter Shades

#8C98E7 #9BA6EA #ABB4EE #BBC2F1 #CBD0F4 #DADEF7

Darker Shades

#6D79C9 #5E69AD #4F5892 #404877 #32375B #232740

Complementary Palette

#6B77C4 #7C8AE4 #C4B86B #E4D67C #E8DC8E #8E9AE8

Analogous Palette

#86ABC1 #8CBAD4 #7582D6 #7C8AE4 #A68CD4 #AC93D7

Triadic Palette

#6D79C9 #7C8AE4 #EC7484 #EE8593 #84EC74 #74D066

Split Complementary Palette

#707CCD #7C8AE4 #E4A27C #E7AB89 #BEE47C #ABCD70

Square Palette

#6874C0 #7C8AE4 #DC84BC #DCD084 #7CE4A2 #91E8B1

Tetradic Palette

#6671BB #7C8AE4 #E16EF2 #E4D67C #7FF26E #96F488

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #7C8AE4 contains 124 red, 138 green, and 228 blue.

Contrast Ratio: 3.13:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.7:1