colorhexa.com

#21ccd3 hex color

In a RGB color space, hex #21ccd3 is composed of 12.9% red, 80% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 84.4% cyan, 3.3% magenta, 0% yellow and 17.3% black. It has a hue angle of 182.4 degrees, a saturation of 73% and a lightness of 47.8%. #21ccd3 color hex could be obtained by blending #42ffff with #0099a7. Closest websafe color is: #33cccc.

- R 13
- G 80
- B 83
RGB color chart
- C 84
- M 3
- Y 0
- K 17
CMYK color chart

● #21ccd3 color description : Strong cyan.

The hexadecimal color #21ccd3 has RGB values of R:33, G:204, B:211 and CMYK values of C:0.84, M:0.03, Y:0, K:0.17. Its decimal value is 2215123.

Hex triplet	21ccd3	`#21ccd3`
RGB Decimal	33, 204, 211	`rgb(33,204,211)`
RGB Percent	12.9, 80, 82.7	`rgb(12.9%,80%,82.7%)`
CMYK	84, 3, 0, 17
HSL	182.4°, 73, 47.8	`hsl(182.4,73%,47.8%)`
HSV (or HSB)	182.4°, 84.4, 82.7
Web Safe	33cccc	`#33cccc`

CIE-LAB	74.956, -37.207, -15.082
XYZ	33.974, 48.209, 69.139
xyY	0.225, 0.319, 48.209
CIE-LCH	74.956, 40.147, 202.065
CIE-LUV	74.956, -55.488, -18.025
Hunter-Lab	69.433, -34.164, -10.437
Binary	00100001, 11001100, 11010011

#21ccd3
```
#21ccd3 rgb(33,204,211)
```
#d32821
```
#d32821 rgb(211,40,33)
```

Complementary Color

#21d381
```
#21d381 rgb(33,211,129)
```
#21ccd3
```
#21ccd3 rgb(33,204,211)
```
#2173d3
```
#2173d3 rgb(33,115,211)
```

Analogous Color

#d38121
```
#d38121 rgb(211,129,33)
```
#21ccd3
```
#21ccd3 rgb(33,204,211)
```
#d32173
```
#d32173 rgb(211,33,115)
```

Split Complementary Color

#ccd321
```
#ccd321 rgb(204,211,33)
```
#21ccd3
```
#21ccd3 rgb(33,204,211)
```
#d321cc
```
#d321cc rgb(211,33,204)
```

Triadic Color

#21d328
```
#21d328 rgb(33,211,40)
```
#21ccd3
```
#21ccd3 rgb(33,204,211)
```
#d321cc
```
#d321cc rgb(211,33,204)
```
#d32821
```
#d32821 rgb(211,40,33)
```

Tetradic Color

#178c91
```
#178c91 rgb(23,140,145)
```
#1aa1a7
```
#1aa1a7 rgb(26,161,167)
```
#1eb7bd
```
#1eb7bd rgb(30,183,189)
```
#21ccd3
```
#21ccd3 rgb(33,204,211)
```
#2fd8de
```
#2fd8de rgb(47,216,222)
```
#45dce2
```
#45dce2 rgb(69,220,226)
```
#5be0e5
```
#5be0e5 rgb(91,224,229)
```

Monochromatic Color

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

#21d3ae
```
#21d3ae rgb(33,211,174)
```
#21d3bc
```
#21d3bc rgb(33,211,188)
```
#21d3cb
```
#21d3cb rgb(33,211,203)
```
#21ccd3
```
#21ccd3 rgb(33,204,211)
```
#21bdd3
```
#21bdd3 rgb(33,189,211)
```
#21aed3
```
#21aed3 rgb(33,174,211)
```
#21a0d3
```
#21a0d3 rgb(33,160,211)
```

Similar Colors

Text with hexadecimal color #21ccd3

This text has a font color of #21ccd3.

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

#21ccd3 background color

This paragraph has a background color of #21ccd3.

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

#21ccd3 border color

This element has a border color of #21ccd3.

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

CSS codes

.text {color:#21ccd3;}

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

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

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, #010707 is the darkest color, while #f5fdfe is the lightest one.

#010707
```
#010707 rgb(1,7,7)
```
#041818
```
#041818 rgb(4,24,24)
```
#062829
```
#062829 rgb(6,40,41)
```
#09383a
```
#09383a rgb(9,56,58)
```
#0c494b
```
#0c494b rgb(12,73,75)
```
#0e595c
```
#0e595c rgb(14,89,92)
```
#116a6d
```
#116a6d rgb(17,106,109)
```
#147a7e
```
#147a7e rgb(20,122,126)
```
#168a8f
```
#168a8f rgb(22,138,143)
```
#199ba0
```
#199ba0 rgb(25,155,160)
```
#1cabb1
```
#1cabb1 rgb(28,171,177)
```
#1ebcc2
```
#1ebcc2 rgb(30,188,194)
```
#21ccd3
```
#21ccd3 rgb(33,204,211)
```

Shade Color Variation

#2ad7de
```
#2ad7de rgb(42,215,222)
```
#3bdae0
```
#3bdae0 rgb(59,218,224)
```
#4cdde3
```
#4cdde3 rgb(76,221,227)
```
#5de0e6
```
#5de0e6 rgb(93,224,230)
```
#6ee3e8
```
#6ee3e8 rgb(110,227,232)
```
#7fe7eb
```
#7fe7eb rgb(127,231,235)
```
#90eaee
```
#90eaee rgb(144,234,238)
```
#a1edf0
```
#a1edf0 rgb(161,237,240)
```
#b2f0f3
```
#b2f0f3 rgb(178,240,243)
```
#c3f4f6
```
#c3f4f6 rgb(195,244,246)
```
#d4f7f8
```
#d4f7f8 rgb(212,247,248)
```
#e5fafb
```
#e5fafb rgb(229,250,251)
```
#f5fdfe
```
#f5fdfe rgb(245,253,254)
```

Tint Color Variation

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

#757e7f
```
#757e7f rgb(117,126,127)
```
#6c8788
```
#6c8788 rgb(108,135,136)
```
#638f91
```
#638f91 rgb(99,143,145)
```
#59989b
```
#59989b rgb(89,152,155)
```
#50a1a4
```
#50a1a4 rgb(80,161,164)
```
#47a9ad
```
#47a9ad rgb(71,169,173)
```
#3db2b7
```
#3db2b7 rgb(61,178,183)
```
#34bbc0
```
#34bbc0 rgb(52,187,192)
```
#2ac3ca
```
#2ac3ca rgb(42,195,202)
```
#21ccd3
```
#21ccd3 rgb(33,204,211)
```
#18d5dc
```
#18d5dc rgb(24,213,220)
```
#0edde6
```
#0edde6 rgb(14,221,230)
```
#05e6ef
```
#05e6ef rgb(5,230,239)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#82a4a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bbbac9 Protanopia 1% of men
#bcb8dd Deuteranopia 1% of men
#36cddc Tritanopia 0.001% of the population

Trichromacy

#83c1cd Protanomaly 1% of men, 0.01% of women
#83bfd9 Deuteranomaly 6% of men, 0.4% of women
#2eccd9 Tritanomaly 0.01% of the population