#2CA2DD Color

Color Information

HEX	#2CA2DD
RGB	44, 162, 221
HSL	200° , 72% , 52%
HSV	200° , 80% , 87%
CMYK	80%, 27%, 0%, 13%

Lighter Shades

#45ADE1 #5FB8E5 #78C3E9 #91CFED #ABDAF1 #C4E5F5

Darker Shades

#278FC2 #217BA8 #1C688D #175473 #124158 #0C2D3E

Complementary Palette

#268BBE #2CA2DD #BE5926 #DD672C #E27C4A #4AAFE2

Analogous Palette

#41B4A1 #45C4AF #2998D0 #2CA2DD #455AC4 #5468C9

Triadic Palette

#278FC2 #2CA2DD #E920A6 #EC3BB1 #A6E920 #92CD1C

Split Complementary Palette

#2892C7 #2CA2DD #DD2C4A #E0415C #DDBF2C #C7AC28

Square Palette

#2588BA #2CA2DD #B739D0 #D06B39 #4ADD2C #67E24E

Tetradic Palette

#2485B5 #2CA2DD #6016F3 #DD672C #A9F316 #B8F540

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2CA2DD contains 44 red, 162 green, and 221 blue.

Contrast Ratio: 2.83:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.42:1