#7CB4C0 Color

Color Information

HEX#7CB4C0
RGB124, 180, 192
HSL191° , 35% , 62%
HSV191° , 35% , 75%
CMYK35%, 6%, 0%, 25%

Lighter Shades

#8CBDC8 #9BC6CF #ABCFD7 #BBD8DE #CBE1E6 #DAEAED

Darker Shades

#6D9EA9 #5E8992 #4F737B #405E64 #32484D #233236

Complementary Palette

#6B9BA5 #7CB4C0 #A5766B #C0897C #C99A8E #8EBFC9

Analogous Palette

#81A297 #90ADA3 #75A9B4 #7CB4C0 #9099AD #98A1B3

Triadic Palette

#6D9EA9 #7CB4C0 #CA72BA #D083C2 #BACA72 #A4B264

Split Complementary Palette

#70A2AD #7CB4C0 #C07C92 #C6899D #C0AB7C #AD9A70

Square Palette

#6897A1 #7CB4C0 #A786B6 #B68F86 #92C07C #A3CA91

Tetradic Palette

#66949D #7CB4C0 #7E6BD1 #C0897C #BFD16B #CBD986

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #7CB4C0 contains 124 red, 180 green, and 192 blue.

Contrast Ratio: 2.26:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 9.29:1