#21d6c4 hex color

In a RGB color space, hex #21d6c4 is composed of 12.9% red, 83.9% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 84.6% cyan, 0% magenta, 8.4% yellow and 16.1% black. It has a hue angle of 174 degrees, a saturation of 73.3% and a lightness of 48.4%. #21d6c4 color hex could be obtained by blending #42ffff with #00ad89. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 13
- G 84
- B 77
RGB color chart
- C 85
- M 0
- Y 8
- K 16
CMYK color chart

● #21d6c4 color description : Strong cyan.

The hexadecimal color #21d6c4 has RGB values of R:33, G:214, B:196 and CMYK values of C:0.85, M:0, Y:0.08, K:0.16. Its decimal value is 2217668.

Hex triplet	21d6c4	`#21d6c4`
RGB Decimal	33, 214, 196	`rgb(33,214,196)`
RGB Percent	12.9, 83.9, 76.9	`rgb(12.9%,83.9%,76.9%)`
CMYK	85, 0, 8, 16
HSL	174°, 73.3, 48.4	`hsl(174,73.3%,48.4%)`
HSV (or HSB)	174°, 84.6, 83.9
Web Safe	33cccc	`#33cccc`

CIE-LAB	77.518, -45.968, -3.193
XYZ	34.634, 52.398, 60.51
xyY	0.235, 0.355, 52.398
CIE-LCH	77.518, 46.078, 183.974
CIE-LUV	77.518, -60.06, 2.26
Hunter-Lab	72.387, -41.272, 1.109
Binary	00100001, 11010110, 11000100

#21d6c4
```
#21d6c4 rgb(33,214,196)
```
#d62133
```
#d62133 rgb(214,33,51)
```

Complementary Color

#21d66a
```
#21d66a rgb(33,214,106)
```
#21d6c4
```
#21d6c4 rgb(33,214,196)
```
#218ed6
```
#218ed6 rgb(33,142,214)
```

Analogous Color

#d66a21
```
#d66a21 rgb(214,106,33)
```
#21d6c4
```
#21d6c4 rgb(33,214,196)
```
#d6218e
```
#d6218e rgb(214,33,142)
```

Split Complementary Color

#d6c421
```
#d6c421 rgb(214,196,33)
```
#21d6c4
```
#21d6c4 rgb(33,214,196)
```
#c421d6
```
#c421d6 rgb(196,33,214)
```

Triadic Color

#33d621
```
#33d621 rgb(51,214,33)
```
#21d6c4
```
#21d6c4 rgb(33,214,196)
```
#c421d6
```
#c421d6 rgb(196,33,214)
```
#d62133
```
#d62133 rgb(214,33,51)
```

Tetradic Color

#179487
```
#179487 rgb(23,148,135)
```
#1aaa9c
```
#1aaa9c rgb(26,170,156)
```
#1ec0b0
```
#1ec0b0 rgb(30,192,176)
```
#21d6c4
```
#21d6c4 rgb(33,214,196)
```
#31dfce
```
#31dfce rgb(49,223,206)
```
#47e3d3
```
#47e3d3 rgb(71,227,211)
```
#5de6d8
```
#5de6d8 rgb(93,230,216)
```

Monochromatic Color

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

#21d697
```
#21d697 rgb(33,214,151)
```
#21d6a6
```
#21d6a6 rgb(33,214,166)
```
#21d6b5
```
#21d6b5 rgb(33,214,181)
```
#21d6c4
```
#21d6c4 rgb(33,214,196)
```
#21d6d3
```
#21d6d3 rgb(33,214,211)
```
#21cad6
```
#21cad6 rgb(33,202,214)
```
#21bbd6
```
#21bbd6 rgb(33,187,214)
```

Similar Colors

Text with hexadecimal color #21d6c4

This text has a font color of #21d6c4.

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

#21d6c4 background color

This paragraph has a background color of #21d6c4.

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

#21d6c4 border color

This element has a border color of #21d6c4.

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

CSS codes

.text {color:#21d6c4;}

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

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

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, #020a09 is the darkest color, while #f8fefd is the lightest one.

#020a09
```
#020a09 rgb(2,10,9)
```
#041b19
```
#041b19 rgb(4,27,25)
```
#072c28
```
#072c28 rgb(7,44,40)
```
#093d38
```
#093d38 rgb(9,61,56)
```
#0c4e47
```
#0c4e47 rgb(12,78,71)
```
#0f5f57
```
#0f5f57 rgb(15,95,87)
```
#117067
```
#117067 rgb(17,112,103)
```
#148176
```
#148176 rgb(20,129,118)
```
#179286
```
#179286 rgb(23,146,134)
```
#19a395
```
#19a395 rgb(25,163,149)
```
#1cb4a5
```
#1cb4a5 rgb(28,180,165)
```
#1ec5b4
```
#1ec5b4 rgb(30,197,180)
```
#21d6c4
```
#21d6c4 rgb(33,214,196)
```

Shade Color Variation

#2cdecd
```
#2cdecd rgb(44,222,205)
```
#3de1d1
```
#3de1d1 rgb(61,225,209)
```
#4ee4d5
```
#4ee4d5 rgb(78,228,213)
```
#5fe6d9
```
#5fe6d9 rgb(95,230,217)
```
#70e9dd
```
#70e9dd rgb(112,233,221)
```
#81ece1
```
#81ece1 rgb(129,236,225)
```
#92eee5
```
#92eee5 rgb(146,238,229)
```
#a3f1e9
```
#a3f1e9 rgb(163,241,233)
```
#b4f3ed
```
#b4f3ed rgb(180,243,237)
```
#c5f6f1
```
#c5f6f1 rgb(197,246,241)
```
#d6f9f5
```
#d6f9f5 rgb(214,249,245)
```
#e7fbf9
```
#e7fbf9 rgb(231,251,249)
```
#f8fefd
```
#f8fefd rgb(248,254,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #778180 is the less saturated color, while #05f3db is the most saturated one.

#778180
```
#778180 rgb(119,129,128)
```
#6d8a87
```
#6d8a87 rgb(109,138,135)
```
#64948f
```
#64948f rgb(100,148,143)
```
#5a9d96
```
#5a9d96 rgb(90,157,150)
```
#51a79e
```
#51a79e rgb(81,167,158)
```
#47b0a6
```
#47b0a6 rgb(71,176,166)
```
#3ebaad
```
#3ebaad rgb(62,186,173)
```
#34c3b5
```
#34c3b5 rgb(52,195,181)
```
#2bcdbc
```
#2bcdbc rgb(43,205,188)
```
#21d6c4
```
#21d6c4 rgb(33,214,196)
```
#18e0cc
```
#18e0cc rgb(24,224,204)
```
#0ee9d3
```
#0ee9d3 rgb(14,233,211)
```
#05f3db
```
#05f3db rgb(5,243,219)
```

Tone Color Variation

Below, you can see how #21d6c4 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

#9e9e9e Achromatopsia 0.005% of the population
#85a9a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7c1bb Protanopia 1% of men
#cebdd0 Deuteranopia 1% of men
#4ad3e3 Tritanopia 0.001% of the population

Trichromacy

#8bc9be Protanomaly 1% of men, 0.01% of women
#8fc6cc Deuteranomaly 6% of men, 0.4% of women
#3bd4d7 Tritanomaly 0.01% of the population

#21d6c4 hex color

#21d6c4 Color Information

#21d6c4 Color Conversion

Color Schemes with #21d6c4

Alternatives to #21d6c4

#21d6c4 Preview

Shades and Tints of #21d6c4

Tones of #21d6c4

Color Blindness Simulator