#20A2AF Color

Color Information

HEX	#20A2AF
RGB	32, 162, 175
HSL	185° , 69% , 41%
HSV	185° , 82% , 69%
CMYK	82%, 7%, 0%, 31%

Lighter Shades

#3BADB9 #56B8C2 #70C3CC #8BCFD5 #A6DADF #C1E5E9

Darker Shades

#1C8F9A #187B85 #146870 #11545B #0D4146 #092D31

Complementary Palette

#1C8B97 #20A2AF #98261C #B12C20 #BC4A3F #3FAFBA

Analogous Palette

#309169 #359C71 #1E98A5 #20A2AF #35609C #4A6EA1

Triadic Palette

#1C8F9A #20A2AF #BB16AD #C332B7 #ADBB16 #98A513

Split Complementary Palette

#1D929E #20A2AF #B1205D #B9366D #B17520 #9F691D

Square Palette

#1B8893 #20A2AF #732BA6 #A6352B #5DB120 #77BD44

Tetradic Palette

#1A8590 #20A2AF #1D0EC4 #B12C20 #B4C40E #C2CF39

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #20A2AF contains 32 red, 162 green, and 175 blue.

Contrast Ratio: 3.02:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.95:1