#7CB8A2 Color

Color Information

HEX#7CB8A2
RGB124, 184, 162
HSL158° , 30% , 60%
HSV158° , 33% , 72%
CMYK33%, 0%, 12%, 28%

Lighter Shades

#8CC1AD #9BC9B8 #ABD2C3 #BBDACF #CBE3DA #DAEBE5

Darker Shades

#6DA28F #5E8C7B #4F7668 #406054 #324A41 #23342D

Complementary Palette

#6B9E8B #7CB8A2 #9E697D #B87A91 #C28DA0 #8EC2AF

Analogous Palette

#7B9D80 #8AA88E #75AD98 #7CB8A2 #8AA4A8 #92ABAF

Triadic Palette

#6DA28F #7CB8A2 #A470C2 #AF81C9 #C2A470 #AB9063

Split Complementary Palette

#70A692 #7CB8A2 #B87AAF #BF87B7 #B8837A #A6766E

Square Palette

#689B88 #7CB8A2 #8B85AD #AD8594 #AFB87A #BCC38F

Tetradic Palette

#669785 #7CB8A2 #688CCA #B87A91 #CAA668 #D4B683

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #7CB8A2 contains 124 red, 184 green, and 162 blue.

Contrast Ratio: 2.24:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 9.38:1