#7C8EA6 Color

Color Information

HEX#7C8EA6
RGB124, 142, 166
HSL214° , 19% , 57%
HSV214° , 25% , 65%
CMYK25%, 14%, 0%, 35%

Lighter Shades

#8C9CB1 #9BA9BB #ABB7C6 #BBC4D1 #CBD2DB #DADFE6

Darker Shades

#6D7D92 #5E6C7E #4F5B6A #404A56 #323942 #23282E

Complementary Palette

#6B7A8F #7C8EA6 #8F7F6C #A6947D #B2A38F #8E9EB2

Analogous Palette

#759699 #81A0A2 #75859C #7C8EA6 #8381A2 #8B8AA8

Triadic Palette

#6D7D92 #7C8EA6 #B1728D #BA839B #8DB172 #7C9C64

Split Complementary Palette

#708095 #7C8EA6 #A67F7D #AF8C8A #A3A67D #939571

Square Palette

#68778B #7C8EA6 #A281A0 #A29481 #7DA67F #92B493

Tetradic Palette

#667488 #7C8EA6 #9769BA #A6947D #8CBA69 #A1C684

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #7C8EA6 contains 124 red, 142 green, and 166 blue.

Contrast Ratio: 3.29:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.38:1