#21c5d4 hex color

In a RGB color space, hex #21c5d4 is composed of 12.9% red, 77.3% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 84.4% cyan, 7.1% magenta, 0% yellow and 16.9% black. It has a hue angle of 185 degrees, a saturation of 73.1% and a lightness of 48%. #21c5d4 color hex could be obtained by blending #42ffff with #008ba9. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 13
- G 77
- B 83
RGB color chart
- C 84
- M 7
- Y 0
- K 17
CMYK color chart

● #21c5d4 color description : Strong cyan.

The hexadecimal color #21c5d4 has RGB values of R:33, G:197, B:212 and CMYK values of C:0.84, M:0.07, Y:0, K:0.17. Its decimal value is 2213332.

Hex triplet	21c5d4	`#21c5d4`
RGB Decimal	33, 197, 212	`rgb(33,197,212)`
RGB Percent	12.9, 77.3, 83.1	`rgb(12.9%,77.3%,83.1%)`
CMYK	84, 7, 0, 17
HSL	185°, 73.1, 48	`hsl(185,73.1%,48%)`
HSV (or HSB)	185°, 84.4, 83.1
Web Safe	33cccc	`#33cccc`

CIE-LAB	72.896, -33.629, -18.734
XYZ	32.474, 45.006, 69.259
xyY	0.221, 0.307, 45.006
CIE-LCH	72.896, 38.495, 209.122
CIE-LUV	72.896, -53.004, -24.467
Hunter-Lab	67.087, -30.998, -14.25
Binary	00100001, 11000101, 11010100

#21c5d4
```
#21c5d4 rgb(33,197,212)
```
#d43021
```
#d43021 rgb(212,48,33)
```

Complementary Color

#21d48a
```
#21d48a rgb(33,212,138)
```
#21c5d4
```
#21c5d4 rgb(33,197,212)
```
#216cd4
```
#216cd4 rgb(33,108,212)
```

Analogous Color

#d48a21
```
#d48a21 rgb(212,138,33)
```
#21c5d4
```
#21c5d4 rgb(33,197,212)
```
#d4216c
```
#d4216c rgb(212,33,108)
```

Split Complementary Color

#c5d421
```
#c5d421 rgb(197,212,33)
```
#21c5d4
```
#21c5d4 rgb(33,197,212)
```
#d421c5
```
#d421c5 rgb(212,33,197)
```

Triadic Color

#21d430
```
#21d430 rgb(33,212,48)
```
#21c5d4
```
#21c5d4 rgb(33,197,212)
```
#d421c5
```
#d421c5 rgb(212,33,197)
```
#d43021
```
#d43021 rgb(212,48,33)
```

Tetradic Color

#178792
```
#178792 rgb(23,135,146)
```
#1a9ca8
```
#1a9ca8 rgb(26,156,168)
```
#1eb0be
```
#1eb0be rgb(30,176,190)
```
#21c5d4
```
#21c5d4 rgb(33,197,212)
```
#30d0df
```
#30d0df rgb(48,208,223)
```
#46d5e2
```
#46d5e2 rgb(70,213,226)
```
#5cdae6
```
#5cdae6 rgb(92,218,230)
```

Monochromatic Color

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

#21d4b6
```
#21d4b6 rgb(33,212,182)
```
#21d4c5
```
#21d4c5 rgb(33,212,197)
```
#21d4d4
```
#21d4d4 rgb(33,212,212)
```
#21c5d4
```
#21c5d4 rgb(33,197,212)
```
#21b6d4
```
#21b6d4 rgb(33,182,212)
```
#21a7d4
```
#21a7d4 rgb(33,167,212)
```
#2198d4
```
#2198d4 rgb(33,152,212)
```

Similar Colors

Text with hexadecimal color #21c5d4

This text has a font color of #21c5d4.

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

#21c5d4 background color

This paragraph has a background color of #21c5d4.

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

#21c5d4 border color

This element has a border color of #21c5d4.

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

CSS codes

.text {color:#21c5d4;}

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

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

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

#010808
```
#010808 rgb(1,8,8)
```
#041819
```
#041819 rgb(4,24,25)
```
#07272a
```
#07272a rgb(7,39,42)
```
#09373b
```
#09373b rgb(9,55,59)
```
#0c474c
```
#0c474c rgb(12,71,76)
```
#0f575d
```
#0f575d rgb(15,87,93)
```
#11666e
```
#11666e rgb(17,102,110)
```
#14767f
```
#14767f rgb(20,118,127)
```
#168690
```
#168690 rgb(22,134,144)
```
#1996a1
```
#1996a1 rgb(25,150,161)
```
#1ca5b2
```
#1ca5b2 rgb(28,165,178)
```
#1eb5c3
```
#1eb5c3 rgb(30,181,195)
```
#21c5d4
```
#21c5d4 rgb(33,197,212)
```

Shade Color Variation

#2bcfde
```
#2bcfde rgb(43,207,222)
```
#3cd3e1
```
#3cd3e1 rgb(60,211,225)
```
#4dd7e3
```
#4dd7e3 rgb(77,215,227)
```
#5edae6
```
#5edae6 rgb(94,218,230)
```
#6fdee9
```
#6fdee9 rgb(111,222,233)
```
#80e2eb
```
#80e2eb rgb(128,226,235)
```
#91e6ee
```
#91e6ee rgb(145,230,238)
```
#a1eaf0
```
#a1eaf0 rgb(161,234,240)
```
#b2eef3
```
#b2eef3 rgb(178,238,243)
```
#c3f2f6
```
#c3f2f6 rgb(195,242,246)
```
#d4f5f8
```
#d4f5f8 rgb(212,245,248)
```
#e5f9fb
```
#e5f9fb rgb(229,249,251)
```
#f6fdfe
```
#f6fdfe rgb(246,253,254)
```

Tint Color Variation

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

#767e7f
```
#767e7f rgb(118,126,127)
```
#6c8689
```
#6c8689 rgb(108,134,137)
```
#638e92
```
#638e92 rgb(99,142,146)
```
#5a969b
```
#5a969b rgb(90,150,155)
```
#509ea5
```
#509ea5 rgb(80,158,165)
```
#47a6ae
```
#47a6ae rgb(71,166,174)
```
#3dadb8
```
#3dadb8 rgb(61,173,184)
```
#34b5c1
```
#34b5c1 rgb(52,181,193)
```
#2abdcb
```
#2abdcb rgb(42,189,203)
```
#21c5d4
```
#21c5d4 rgb(33,197,212)
```
#18cddd
```
#18cddd rgb(24,205,221)
```
#0ed5e7
```
#0ed5e7 rgb(14,213,231)
```
#05ddf0
```
#05ddf0 rgb(5,221,240)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#7f9fa2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b3b5cb Protanopia 1% of men
#b2b3de Deuteranopia 1% of men
#2dc7d6 Tritanopia 0.001% of the population

Trichromacy

#7ebbce Protanomaly 1% of men, 0.01% of women
#7db9da Deuteranomaly 6% of men, 0.4% of women
#28c6d5 Tritanomaly 0.01% of the population

#21c5d4 hex color

#21c5d4 Color Information

#21c5d4 Color Conversion

Color Schemes with #21c5d4

Alternatives to #21c5d4

#21c5d4 Preview

Shades and Tints of #21c5d4

Tones of #21c5d4

Color Blindness Simulator