#7C96DC Color

Color Information

HEX	#7C96DC
RGB	124, 150, 220
HSL	224° , 58% , 67%
HSV	224° , 44% , 86%
CMYK	44%, 32%, 0%, 14%

Lighter Shades

#8CA3E0 #9BAFE4 #ABBCE9 #BBC8ED #CBD5F1 #DAE2F5

Darker Shades

#6D84C2 #5E72A7 #4F608D #404E72 #323C58 #232A3E

Complementary Palette

#6B81BD #7C96DC #BDA769 #DCC27A #E1CB8D #8EA5E1

Analogous Palette

#85ACB7 #8BBCCB #758DCF #7C96DC #9A8BCB #A395D0

Triadic Palette

#6D84C2 #7C96DC #E47290 #E7839D #90E472 #7FC964

Split Complementary Palette

#7087C6 #7C96DC #DC917A #E09C87 #C5DC7A #B1C66E

Square Palette

#687EB9 #7C96DC #D382C0 #D3BE82 #7ADC91 #8FE2A3

Tetradic Palette

#667BB4 #7C96DC #C96BEB #DCC27A #8DEB6B #A2EF86

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #7C96DC contains 124 red, 150 green, and 220 blue.

Contrast Ratio: 2.85:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.37:1