#21ecd5 hex color

In a RGB color space, hex #21ecd5 is composed of 12.9% red, 92.5% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 86% cyan, 0% magenta, 9.7% yellow and 7.5% black. It has a hue angle of 173.2 degrees, a saturation of 84.2% and a lightness of 52.7%. #21ecd5 color hex could be obtained by blending #42ffff with #00d9ab. Closest websafe color is: #33ffcc.

♥
- f
- t
- g
- R 13
- G 93
- B 84
RGB color chart
- C 86
- M 0
- Y 10
- K 7
CMYK color chart

● #21ecd5 color description : Vivid cyan.

The hexadecimal color #21ecd5 has RGB values of R:33, G:236, B:213 and CMYK values of C:0.86, M:0, Y:0.1, K:0.07. Its decimal value is 2223317.

Hex triplet	21ecd5	`#21ecd5`
RGB Decimal	33, 236, 213	`rgb(33,236,213)`
RGB Percent	12.9, 92.5, 83.5	`rgb(12.9%,92.5%,83.5%)`
CMYK	86, 0, 10, 7
HSL	173.2°, 84.2, 52.7	`hsl(173.2,84.2%,52.7%)`
HSV (or HSB)	173.2°, 86, 92.5
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	84.542, -50.643, -1.911
XYZ	42.629, 65.114, 73.269
xyY	0.236, 0.36, 65.114
CIE-LCH	84.542, 50.679, 182.161
CIE-LUV	84.542, -66.199, 5.046
Hunter-Lab	80.693, -46.915, 2.651
Binary	00100001, 11101100, 11010101

#21ecd5
```
#21ecd5 rgb(33,236,213)
```
#ec2138
```
#ec2138 rgb(236,33,56)
```

Complementary Color

#21ec70
```
#21ec70 rgb(33,236,112)
```
#21ecd5
```
#21ecd5 rgb(33,236,213)
```
#219eec
```
#219eec rgb(33,158,236)
```

Analogous Color

#ec7021
```
#ec7021 rgb(236,112,33)
```
#21ecd5
```
#21ecd5 rgb(33,236,213)
```
#ec219e
```
#ec219e rgb(236,33,158)
```

Split Complementary Color

#ecd521
```
#ecd521 rgb(236,213,33)
```
#21ecd5
```
#21ecd5 rgb(33,236,213)
```
#d521ec
```
#d521ec rgb(213,33,236)
```

Triadic Color

#38ec21
```
#38ec21 rgb(56,236,33)
```
#21ecd5
```
#21ecd5 rgb(33,236,213)
```
#d521ec
```
#d521ec rgb(213,33,236)
```
#ec2138
```
#ec2138 rgb(236,33,56)
```

Tetradic Color

#0fb19f
```
#0fb19f rgb(15,177,159)
```
#11c9b4
```
#11c9b4 rgb(17,201,180)
```
#13e0c9
```
#13e0c9 rgb(19,224,201)
```
#21ecd5
```
#21ecd5 rgb(33,236,213)
```
#38eed9
```
#38eed9 rgb(56,238,217)
```
#50f0de
```
#50f0de rgb(80,240,222)
```
#67f2e2
```
#67f2e2 rgb(103,242,226)
```

Monochromatic Color

Below, you can see some colors close to #21ecd5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#21eca2
```
#21eca2 rgb(33,236,162)
```
#21ecb3
```
#21ecb3 rgb(33,236,179)
```
#21ecc4
```
#21ecc4 rgb(33,236,196)
```
#21ecd5
```
#21ecd5 rgb(33,236,213)
```
#21ece6
```
#21ece6 rgb(33,236,230)
```
#21e1ec
```
#21e1ec rgb(33,225,236)
```
#21d0ec
```
#21d0ec rgb(33,208,236)
```

Similar Colors

Text with hexadecimal color #21ecd5

This text has a font color of #21ecd5.

<span style="color:#21ecd5;">Text here</span>

#21ecd5 background color

This paragraph has a background color of #21ecd5.

<p style="background-color:#21ecd5;">Content here</p>

#21ecd5 border color

This element has a border color of #21ecd5.

<div style="border:1px solid #21ecd5;">Content here</div>

CSS codes

.text {color:#21ecd5;}

.background {background-color:#21ecd5;}

.border {border:1px solid #21ecd5;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #010d0c is the darkest color, while #fafffe is the lightest one.

#010d0c
```
#010d0c rgb(1,13,12)
```
#031f1c
```
#031f1c rgb(3,31,28)
```
#04312c
```
#04312c rgb(4,49,44)
```
#06433c
```
#06433c rgb(6,67,60)
```
#07554c
```
#07554c rgb(7,85,76)
```
#09675d
```
#09675d rgb(9,103,93)
```
#0a796d
```
#0a796d rgb(10,121,109)
```
#0c8b7d
```
#0c8b7d rgb(12,139,125)
```
#0d9d8d
```
#0d9d8d rgb(13,157,141)
```
#0fb09d
```
#0fb09d rgb(15,176,157)
```
#11c2ae
```
#11c2ae rgb(17,194,174)
```
#12d4be
```
#12d4be rgb(18,212,190)
```
#14e6ce
```
#14e6ce rgb(20,230,206)
```

Shade Color Variation

#21ecd5
```
#21ecd5 rgb(33,236,213)
```
#33eed8
```
#33eed8 rgb(51,238,216)
```
#45efdc
```
#45efdc rgb(69,239,220)
```
#57f1df
```
#57f1df rgb(87,241,223)
```
#69f2e3
```
#69f2e3 rgb(105,242,227)
```
#7bf4e6
```
#7bf4e6 rgb(123,244,230)
```
#8df5ea
```
#8df5ea rgb(141,245,234)
```
#9ff7ed
```
#9ff7ed rgb(159,247,237)
```
#b2f8f0
```
#b2f8f0 rgb(178,248,240)
```
#c4faf4
```
#c4faf4 rgb(196,250,244)
```
#d6fbf7
```
#d6fbf7 rgb(214,251,247)
```
#e8fdfb
```
#e8fdfb rgb(232,253,251)
```
#fafffe
```
#fafffe rgb(250,255,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7e8f8d is the less saturated color, while #0effe3 is the most saturated one.

#7e8f8d
```
#7e8f8d rgb(126,143,141)
```
#749994
```
#749994 rgb(116,153,148)
```
#6ba29c
```
#6ba29c rgb(107,162,156)
```
#62aba3
```
#62aba3 rgb(98,171,163)
```
#59b4aa
```
#59b4aa rgb(89,180,170)
```
#4fbeb1
```
#4fbeb1 rgb(79,190,177)
```
#46c7b8
```
#46c7b8 rgb(70,199,184)
```
#3dd0bf
```
#3dd0bf rgb(61,208,191)
```
#34d9c7
```
#34d9c7 rgb(52,217,199)
```
#2ae3ce
```
#2ae3ce rgb(42,227,206)
```
#21ecd5
```
#21ecd5 rgb(33,236,213)
```
#18f5dc
```
#18f5dc rgb(24,245,220)
```
#0effe3
```
#0effe3 rgb(14,255,227)
```

Tone Color Variation

Below, you can see how #21ecd5 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#adadad Achromatopsia 0.005% of the population
#91bab5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dbd4ca Protanopia 1% of men
#e3cfe1 Deuteranopia 1% of men
#51e7f8 Tritanopia 0.001% of the population

Trichromacy

#97dcce Protanomaly 1% of men, 0.01% of women
#9cd9dd Deuteranomaly 6% of men, 0.4% of women
#3fe9eb Tritanomaly 0.01% of the population

#21ecd5 hex color

#21ecd5 Color Information

#21ecd5 Color Conversion

Color Schemes with #21ecd5

Alternatives to #21ecd5

#21ecd5 Preview

Shades and Tints of #21ecd5

Tones of #21ecd5

Color Blindness Simulator