#7C84EB Color

Color Information

HEX#7C84EB
RGB124, 132, 235
HSL236° , 74% , 70%
HSV236° , 47% , 92%
CMYK47%, 44%, 0%, 8%

Lighter Shades

#8C93ED #9BA2F0 #ABB0F2 #BBBFF5 #CBCEF7 #DADDF9

Darker Shades

#6D74CF #5E64B3 #4F5496 #40457A #32355E #232542

Complementary Palette

#6B72CA #7C84EB #CAC469 #EBE47A #EEE88D #8E95EE

Analogous Palette

#81A8C5 #89B8DC #757CDD #7C84EB #AD89DC #B595DF

Triadic Palette

#6D74CF #7C84EB #F3727B #F4838B #7BF372 #6CD664

Split Complementary Palette

#7077D4 #7C84EB #EBAB7A #EDB387 #BAEB7A #A7D46E

Square Palette

#686FC5 #7C84EB #E382B9 #E3DD82 #7AEBAB #8FEEB8

Tetradic Palette

#666CC1 #7C84EB #EF6CF9 #EBE47A #76F96C #8FFA86

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #7C84EB contains 124 red, 132 green, and 235 blue.

Contrast Ratio: 3.26:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.44:1