#21D2D0

#21D2D0

Color Values

HEX

#21D2D0

RGB

33, 210, 208

HSL

179.3, 72.8%, 47.6%

HSV

179.3, 84.3%, 82.4%

CMYK

84.3%, 0.0%, 1.0%, 17.6%

OKLCH

0.7835 0.1295 193.6

Properties

Cool Light Nearest: Robin Egg Blue

Color Harmonies

Complementary

#21D2D0

#D22123

Analogous

#21D277

#217BD2

#21D2D0

Triadic

#21D2D0

#D021D2

#D2D021

Split Complementary

#21D2D0

#D2217B

#D27721

Tetradic

#21D2D0

#7721D2

#D22123

#7BD221

Color Blindness Simulation

Original

#21D2D0

Protanopia

#6E6FD0

Deuteranopia

#6356D1

Tritanopia

#2AD1D1

Achromatopsia

#ACACAC

CSS Usage

background-color: #21D2D0;
color: #21D2D0;
border-color: #21D2D0;
Nearest Tailwind: Teal 400 #2DD4BF

Tailwind Shades

50
#F3FCFC
100
#E2F8F8
200
#C1F5F5
300
#95EEED
400
#5CE5E4
500
#23DCDA
600
#1CB0AF
700
#168D8C
800
#116E6D
900
#11504F
950
#0B3332

Contrast Checker

Text on white

1.88:1

AA Fail AAA Fail

Text on black

11.19:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026