#2AD4DC

#2AD4DC

Color Values

HEX

#2AD4DC

RGB

42, 212, 220

HSL

182.7, 71.8%, 51.4%

HSV

182.7, 80.9%, 86.3%

CMYK

80.9%, 3.6%, 0.0%, 13.7%

OKLCH

0.7937 0.1283 200.0

Properties

Cool Light Nearest: darkturquoise

Color Harmonies

Complementary

#2AD4DC

#DC322A

Analogous

#2ADC8B

#2A7BDC

#2AD4DC

Triadic

#2AD4DC

#DC2AD4

#D4DC2A

Split Complementary

#2AD4DC

#DC2A7B

#DC8B2A

Tetradic

#2AD4DC

#8B2ADC

#DC322A

#7BDC2A

Color Blindness Simulation

Original

#2AD4DC

Protanopia

#7475DA

Deuteranopia

#6A5DDA

Tritanopia

#32D9D8

Achromatopsia

#B0B0B0

CSS Usage

background-color: #2AD4DC;
color: #2AD4DC;
border-color: #2AD4DC;
Nearest Tailwind: Cyan 400 #22D3EE

Tailwind Shades

50
#F3FCFC
100
#E2F7F8
200
#C2F3F5
300
#96EAEE
400
#5DDEE4
500
#24D3DB
600
#1DA9AF
700
#17878C
800
#12696E
900
#114D50
950
#0B3132

Contrast Checker

Text on white

1.82:1

AA Fail AAA Fail

Text on black

11.55:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026