#21ccbf hex color

In a RGB color space, hex #21ccbf is composed of 12.9% red, 80% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 83.8% cyan, 0% magenta, 6.4% yellow and 20% black. It has a hue angle of 175.4 degrees, a saturation of 72.2% and a lightness of 46.5%. #21ccbf color hex could be obtained by blending #42ffff with #00997f. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 13
- G 80
- B 75
RGB color chart
- C 84
- M 0
- Y 6
- K 20
CMYK color chart

● #21ccbf color description : Strong cyan.

The hexadecimal color #21ccbf has RGB values of R:33, G:204, B:191 and CMYK values of C:0.84, M:0, Y:0.06, K:0.2. Its decimal value is 2215103.

Hex triplet	21ccbf	`#21ccbf`
RGB Decimal	33, 204, 191	`rgb(33,204,191)`
RGB Percent	12.9, 80, 74.9	`rgb(12.9%,80%,74.9%)`
CMYK	84, 0, 6, 20
HSL	175.4°, 72.2, 46.5	`hsl(175.4,72.2%,46.5%)`
HSV (or HSB)	175.4°, 83.8, 80
Web Safe	33cccc	`#33cccc`

CIE-LAB	74.361, -43.028, -5.153
XYZ	31.621, 47.267, 56.744
xyY	0.233, 0.348, 47.267
CIE-LCH	74.361, 43.336, 186.83
CIE-LUV	74.361, -57.014, -1.257
Hunter-Lab	68.751, -38.217, -0.809
Binary	00100001, 11001100, 10111111

#21ccbf
```
#21ccbf rgb(33,204,191)
```
#cc212e
```
#cc212e rgb(204,33,46)
```

Complementary Color

#21cc6a
```
#21cc6a rgb(33,204,106)
```
#21ccbf
```
#21ccbf rgb(33,204,191)
```
#2184cc
```
#2184cc rgb(33,132,204)
```

Analogous Color

#cc6a21
```
#cc6a21 rgb(204,106,33)
```
#21ccbf
```
#21ccbf rgb(33,204,191)
```
#cc2184
```
#cc2184 rgb(204,33,132)
```

Split Complementary Color

#ccbf21
```
#ccbf21 rgb(204,191,33)
```
#21ccbf
```
#21ccbf rgb(33,204,191)
```
#bf21cc
```
#bf21cc rgb(191,33,204)
```

Triadic Color

#2ecc21
```
#2ecc21 rgb(46,204,33)
```
#21ccbf
```
#21ccbf rgb(33,204,191)
```
#bf21cc
```
#bf21cc rgb(191,33,204)
```
#cc212e
```
#cc212e rgb(204,33,46)
```

Tetradic Color

#168a81
```
#168a81 rgb(22,138,129)
```
#1aa096
```
#1aa096 rgb(26,160,150)
```
#1db6aa
```
#1db6aa rgb(29,182,170)
```
#21ccbf
```
#21ccbf rgb(33,204,191)
```
#2addcf
```
#2addcf rgb(42,221,207)
```
#40e0d4
```
#40e0d4 rgb(64,224,212)
```
#56e4d9
```
#56e4d9 rgb(86,228,217)
```

Monochromatic Color

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

#21cc94
```
#21cc94 rgb(33,204,148)
```
#21cca3
```
#21cca3 rgb(33,204,163)
```
#21ccb1
```
#21ccb1 rgb(33,204,177)
```
#21ccbf
```
#21ccbf rgb(33,204,191)
```
#21cbcc
```
#21cbcc rgb(33,203,204)
```
#21bdcc
```
#21bdcc rgb(33,189,204)
```
#21aecc
```
#21aecc rgb(33,174,204)
```

Similar Colors

Text with hexadecimal color #21ccbf

This text has a font color of #21ccbf.

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

#21ccbf background color

This paragraph has a background color of #21ccbf.

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

#21ccbf border color

This element has a border color of #21ccbf.

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

CSS codes

.text {color:#21ccbf;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#031211
```
#031211 rgb(3,18,17)
```
#062321
```
#062321 rgb(6,35,33)
```
#083431
```
#083431 rgb(8,52,49)
```
#0b4541
```
#0b4541 rgb(11,69,65)
```
#0e5650
```
#0e5650 rgb(14,86,80)
```
#116760
```
#116760 rgb(17,103,96)
```
#137870
```
#137870 rgb(19,120,112)
```
#168880
```
#168880 rgb(22,136,128)
```
#199990
```
#199990 rgb(25,153,144)
```
#1caa9f
```
#1caa9f rgb(28,170,159)
```
#1ebbaf
```
#1ebbaf rgb(30,187,175)
```
#21ccbf
```
#21ccbf rgb(33,204,191)
```

Shade Color Variation

#25dcce
```
#25dcce rgb(37,220,206)
```
#36ded2
```
#36ded2 rgb(54,222,210)
```
#47e1d5
```
#47e1d5 rgb(71,225,213)
```
#58e4d9
```
#58e4d9 rgb(88,228,217)
```
#68e7dd
```
#68e7dd rgb(104,231,221)
```
#79e9e1
```
#79e9e1 rgb(121,233,225)
```
#8aece5
```
#8aece5 rgb(138,236,229)
```
#9befe8
```
#9befe8 rgb(155,239,232)
```
#acf2ec
```
#acf2ec rgb(172,242,236)
```
#bdf4f0
```
#bdf4f0 rgb(189,244,240)
```
#cef7f4
```
#cef7f4 rgb(206,247,244)
```
#dffaf8
```
#dffaf8 rgb(223,250,248)
```
#f0fcfc
```
#f0fcfc rgb(240,252,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #737a79 is the less saturated color, while #06e7d6 is the most saturated one.

#737a79
```
#737a79 rgb(115,122,121)
```
#6a8381
```
#6a8381 rgb(106,131,129)
```
#618c89
```
#618c89 rgb(97,140,137)
```
#589591
```
#589591 rgb(88,149,145)
```
#4f9e98
```
#4f9e98 rgb(79,158,152)
```
#45a8a0
```
#45a8a0 rgb(69,168,160)
```
#3cb1a8
```
#3cb1a8 rgb(60,177,168)
```
#33bab0
```
#33bab0 rgb(51,186,176)
```
#2ac3b7
```
#2ac3b7 rgb(42,195,183)
```
#21ccbf
```
#21ccbf rgb(33,204,191)
```
#18d5c7
```
#18d5c7 rgb(24,213,199)
```
#0fdece
```
#0fdece rgb(15,222,206)
```
#06e7d6
```
#06e7d6 rgb(6,231,214)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#7fa29f Atypical Achromatopsia 0.001% of the population

Dichromacy

#beb9b7 Protanopia 1% of men
#c3b5cb Deuteranopia 1% of men
#45cbd9 Tritanopia 0.001% of the population

Trichromacy

#85c0ba Protanomaly 1% of men, 0.01% of women
#88bdc6 Deuteranomaly 6% of men, 0.4% of women
#38cbd0 Tritanomaly 0.01% of the population

#21ccbf hex color

#21ccbf Color Information

#21ccbf Color Conversion

Color Schemes with #21ccbf

Alternatives to #21ccbf

#21ccbf Preview

Shades and Tints of #21ccbf

Tones of #21ccbf

Color Blindness Simulator