#2CA2B2 Color

Color Information

HEX#2CA2B2
RGB44, 162, 178
HSL187° , 60% , 44%
HSV187° , 75% , 70%
CMYK75%, 9%, 0%, 30%

Lighter Shades

#45ADBB #5FB8C4 #78C3CE #91CFD7 #ABDAE0 #C4E5E9

Darker Shades

#278F9D #217B87 #1C6872 #17545D #124147 #0C2D32

Complementary Palette

#268B99 #2CA2B2 #9B3427 #B43D2D #BF584A #4AAFBD

Analogous Palette

#3F9272 #439D7B #2998A7 #2CA2B2 #43669D #5774A2

Triadic Palette

#278F9D #2CA2B2 #BF22AC #C73DB6 #ACBF22 #97A81E

Split Complementary Palette

#2892A0 #2CA2B2 #B42D60 #BC4270 #B4802D #A27329

Square Palette

#258896 #2CA2B2 #7D38A8 #A84538 #60B42D #79C04F

Tetradic Palette

#248592 #2CA2B2 #2D19C8 #B43D2D #B3C819 #C1D242

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2CA2B2 contains 44 red, 162 green, and 178 blue.

Contrast Ratio: 2.99:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.02:1