#7CA6AE Color

Color Information

HEX#7CA6AE
RGB124, 166, 174
HSL190° , 24% , 58%
HSV190° , 29% , 68%
CMYK29%, 5%, 0%, 32%

Lighter Shades

#8CB1B8 #9BBBC1 #ABC6CB #BBD1D5 #CBDBDF #DAE6E8

Darker Shades

#6D9299 #5E7E84 #4F6A6F #40565A #324246 #232E31

Complementary Palette

#6B8F96 #7CA6AE #967169 #AE837A #B9948D #8EB2B9

Analogous Palette

#75998D #84A499 #759CA4 #7CA6AE #848FA4 #8D96AA

Triadic Palette

#6D9299 #7CA6AE #B86FAC #C180B6 #ACB86F #97A262

Split Complementary Palette

#70959D #7CA6AE #AE7A8B #B68797 #AE9C7A #9D8C6E

Square Palette

#688B92 #7CA6AE #9984A4 #A48984 #8BAE7A #9EBB8F

Tetradic Palette

#66888F #7CA6AE #7667C1 #AE837A #B2C167 #C0CC82

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #7CA6AE contains 124 red, 166 green, and 174 blue.

Contrast Ratio: 2.61:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.06:1