#21c2bc hex color

In a RGB color space, hex #21c2bc is composed of 12.9% red, 76.1% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 83% cyan, 0% magenta, 3.1% yellow and 23.9% black. It has a hue angle of 177.8 degrees, a saturation of 70.9% and a lightness of 44.5%. #21c2bc color hex could be obtained by blending #42ffff with #008579. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 13
- G 76
- B 74
RGB color chart
- C 83
- M 0
- Y 3
- K 24
CMYK color chart

● #21c2bc color description : Strong cyan.

The hexadecimal color #21c2bc has RGB values of R:33, G:194, B:188 and CMYK values of C:0.83, M:0, Y:0.03, K:0.24. Its decimal value is 2212540.

Hex triplet	21c2bc	`#21c2bc`
RGB Decimal	33, 194, 188	`rgb(33,194,188)`
RGB Percent	12.9, 76.1, 73.7	`rgb(12.9%,76.1%,73.7%)`
CMYK	83, 0, 3, 24
HSL	177.8°, 70.9, 44.5	`hsl(177.8,70.9%,44.5%)`
HSV (or HSB)	177.8°, 83, 76.1
Web Safe	33cccc	`#33cccc`

CIE-LAB	71.238, -39.446, -8.149
XYZ	28.993, 42.535, 54.256
xyY	0.23, 0.338, 42.535
CIE-LCH	71.238, 40.279, 191.673
CIE-LUV	71.238, -53.785, -6.478
Hunter-Lab	65.219, -34.78, -3.671
Binary	00100001, 11000010, 10111100

#21c2bc
```
#21c2bc rgb(33,194,188)
```
#c22127
```
#c22127 rgb(194,33,39)
```

Complementary Color

#21c26c
```
#21c26c rgb(33,194,108)
```
#21c2bc
```
#21c2bc rgb(33,194,188)
```
#2178c2
```
#2178c2 rgb(33,120,194)
```

Analogous Color

#c26c21
```
#c26c21 rgb(194,108,33)
```
#21c2bc
```
#21c2bc rgb(33,194,188)
```
#c22178
```
#c22178 rgb(194,33,120)
```

Split Complementary Color

#c2bc21
```
#c2bc21 rgb(194,188,33)
```
#21c2bc
```
#21c2bc rgb(33,194,188)
```
#bc21c2
```
#bc21c2 rgb(188,33,194)
```

Triadic Color

#27c221
```
#27c221 rgb(39,194,33)
```
#21c2bc
```
#21c2bc rgb(33,194,188)
```
#bc21c2
```
#bc21c2 rgb(188,33,194)
```
#c22127
```
#c22127 rgb(194,33,39)
```

Tetradic Color

#16817d
```
#16817d rgb(22,129,125)
```
#1a9692
```
#1a9692 rgb(26,150,146)
```
#1daca7
```
#1daca7 rgb(29,172,167)
```
#21c2bc
```
#21c2bc rgb(33,194,188)
```
#25d8d1
```
#25d8d1 rgb(37,216,209)
```
#39ddd7
```
#39ddd7 rgb(57,221,215)
```
#4fe1dc
```
#4fe1dc rgb(79,225,220)
```

Monochromatic Color

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

#21c294
```
#21c294 rgb(33,194,148)
```
#21c2a1
```
#21c2a1 rgb(33,194,161)
```
#21c2af
```
#21c2af rgb(33,194,175)
```
#21c2bc
```
#21c2bc rgb(33,194,188)
```
#21bbc2
```
#21bbc2 rgb(33,187,194)
```
#21adc2
```
#21adc2 rgb(33,173,194)
```
#21a0c2
```
#21a0c2 rgb(33,160,194)
```

Similar Colors

Text with hexadecimal color #21c2bc

This text has a font color of #21c2bc.

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

#21c2bc background color

This paragraph has a background color of #21c2bc.

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

#21c2bc border color

This element has a border color of #21c2bc.

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

CSS codes

.text {color:#21c2bc;}

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

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

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 #f8fefe is the lightest one.

#020a09
```
#020a09 rgb(2,10,9)
```
#041a1a
```
#041a1a rgb(4,26,26)
```
#072b2a
```
#072b2a rgb(7,43,42)
```
#0a3c3a
```
#0a3c3a rgb(10,60,58)
```
#0d4d4a
```
#0d4d4a rgb(13,77,74)
```
#105d5b
```
#105d5b rgb(16,93,91)
```
#136e6b
```
#136e6b rgb(19,110,107)
```
#167f7b
```
#167f7b rgb(22,127,123)
```
#18908b
```
#18908b rgb(24,144,139)
```
#1ba09c
```
#1ba09c rgb(27,160,156)
```
#1eb1ac
```
#1eb1ac rgb(30,177,172)
```
#21c2bc
```
#21c2bc rgb(33,194,188)
```
#24d3cc
```
#24d3cc rgb(36,211,204)
```

Shade Color Variation

#2fdcd5
```
#2fdcd5 rgb(47,220,213)
```
#3fded8
```
#3fded8 rgb(63,222,216)
```
#50e1dc
```
#50e1dc rgb(80,225,220)
```
#61e4df
```
#61e4df rgb(97,228,223)
```
#72e7e3
```
#72e7e3 rgb(114,231,227)
```
#82eae6
```
#82eae6 rgb(130,234,230)
```
#93ede9
```
#93ede9 rgb(147,237,233)
```
#a4f0ed
```
#a4f0ed rgb(164,240,237)
```
#b5f2f0
```
#b5f2f0 rgb(181,242,240)
```
#c6f5f3
```
#c6f5f3 rgb(198,245,243)
```
#d6f8f7
```
#d6f8f7 rgb(214,248,247)
```
#e7fbfa
```
#e7fbfa rgb(231,251,250)
```
#f8fefe
```
#f8fefe rgb(248,254,254)
```

Tint Color Variation

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

#707373
```
#707373 rgb(112,115,115)
```
#677c7b
```
#677c7b rgb(103,124,123)
```
#5e8583
```
#5e8583 rgb(94,133,131)
```
#558e8c
```
#558e8c rgb(85,142,140)
```
#4d9694
```
#4d9694 rgb(77,150,148)
```
#449f9c
```
#449f9c rgb(68,159,156)
```
#3ba8a4
```
#3ba8a4 rgb(59,168,164)
```
#32b1ac
```
#32b1ac rgb(50,177,172)
```
#2ab9b4
```
#2ab9b4 rgb(42,185,180)
```
#21c2bc
```
#21c2bc rgb(33,194,188)
```
#18cbc4
```
#18cbc4 rgb(24,203,196)
```
#10d3cc
```
#10d3cc rgb(16,211,204)
```
#07dcd4
```
#07dcd4 rgb(7,220,212)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#7b9b9a Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4b1b4 Protanopia 1% of men
#b8aec7 Deuteranopia 1% of men
#3fc2d0 Tritanopia 0.001% of the population

Trichromacy

#7fb7b7 Protanomaly 1% of men, 0.01% of women
#81b5c3 Deuteranomaly 6% of men, 0.4% of women
#34c2c9 Tritanomaly 0.01% of the population

#21c2bc hex color

#21c2bc Color Information

#21c2bc Color Conversion

Color Schemes with #21c2bc

Alternatives to #21c2bc

#21c2bc Preview

Shades and Tints of #21c2bc

Tones of #21c2bc

Color Blindness Simulator