#21A5B0 Color

Color Information

HEX	#21A5B0
RGB	33, 165, 176
HSL	185° , 68% , 41%
HSV	185° , 81% , 69%
CMYK	81%, 6%, 0%, 31%

Lighter Shades

#3CB0B9 #56BBC3 #71C5CC #8CD0D6 #A6DBDF #C1E6E9

Darker Shades

#1D919B #197D86 #156A71 #11565C #0D4246 #092E31

Complementary Palette

#1C8E97 #21A5B0 #97271C #B02D21 #BB4A40 #40B2BB

Analogous Palette

#319069 #369B71 #1F9BA5 #21A5B0 #36609B #4B6EA0

Triadic Palette

#1D919B #21A5B0 #BA17AD #C233B7 #ADBA17 #98A414

Split Complementary Palette

#1E959E #21A5B0 #B0215D #B8376D #B07421 #9E681E

Square Palette

#1C8B94 #21A5B0 #732CA5 #A5362C #5DB021 #77BD45

Tetradic Palette

#1B8790 #21A5B0 #1E0FC2 #B02D21 #B3C20F #C1CD3A

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #21A5B0 contains 33 red, 165 green, and 176 blue.

Contrast Ratio: 2.93:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.18:1