#2CACE2 Color

Color Information

HEX#2CACE2
RGB44, 172, 226
HSL198° , 76% , 53%
HSV198° , 81% , 89%
CMYK81%, 24%, 0%, 11%

Lighter Shades

#45B6E5 #5FC0E9 #78CAEC #91D4F0 #ABDEF3 #C4E8F7

Darker Shades

#2797C7 #2183AC #1C6E91 #175976 #12455A #0C303F

Complementary Palette

#2694C2 #2CACE2 #C25526 #E2632C #E6794A #4AB8E6

Analogous Palette

#41B9A1 #44CAAF #29A2D4 #2CACE2 #445FCA #546DCF

Triadic Palette

#2797C7 #2CACE2 #EE20B0 #F03BB9 #B0EE20 #9BD11C

Split Complementary Palette

#289BCB #2CACE2 #E22C50 #E54162 #E2BE2C #CBAB28

Square Palette

#2590BE #2CACE2 #B738D6 #D66838 #50E22C #6CE74E

Tetradic Palette

#248DB9 #2CACE2 #5A16F8 #E2632C #B4F816 #C2F940

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2CACE2 contains 44 red, 172 green, and 226 blue.

Contrast Ratio: 2.56:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.21:1