#7CA5BB Color

Color Information

HEX#7CA5BB
RGB124, 165, 187
HSL201° , 32% , 61%
HSV201° , 34% , 73%
CMYK34%, 12%, 0%, 27%

Lighter Shades

#8CB0C3 #9BBBCB #ABC5D3 #BBD0DC #CBDBE4 #DAE6EC

Darker Shades

#6D91A5 #5E7D8E #4F6A78 #405661 #32424B #232E34

Complementary Palette

#6B8EA1 #7CA5BB #A17E6B #BB927C #C5A18E #8EB2C5

Analogous Palette

#7EA09B #8DAAA6 #759BB0 #7CA5BB #8D91AA #959AB1

Triadic Palette

#6D91A5 #7CA5BB #C572A8 #CC83B2 #A8C572 #94AD64

Split Complementary Palette

#7095A8 #7CA5BB #BB7C85 #C28991 #BBB27C #A8A070

Square Palette

#688B9D #7CA5BB #AB86B1 #B19586 #85BB7C #99C691

Tetradic Palette

#668799 #7CA5BB #8D6ACD #BB927C #AACD6A #B9D685

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #7CA5BB contains 124 red, 165 green, and 187 blue.

Contrast Ratio: 2.6:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.09:1