#21c7aa hex color

In a RGB color space, hex #21c7aa is composed of 12.9% red, 78% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 83.4% cyan, 0% magenta, 14.6% yellow and 22% black. It has a hue angle of 169.5 degrees, a saturation of 71.6% and a lightness of 45.5%. #21c7aa color hex could be obtained by blending #42ffff with #008f55. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 13
- G 78
- B 67
RGB color chart
- C 83
- M 0
- Y 15
- K 22
CMYK color chart

● #21c7aa color description : Strong cyan.

The hexadecimal color #21c7aa has RGB values of R:33, G:199, B:170 and CMYK values of C:0.83, M:0, Y:0.15, K:0.22. Its decimal value is 2213802.

Hex triplet	21c7aa	`#21c7aa`
RGB Decimal	33, 199, 170	`rgb(33,199,170)`
RGB Percent	12.9, 78, 66.7	`rgb(12.9%,78%,66.7%)`
CMYK	83, 0, 15, 22
HSL	169.5°, 71.6, 45.5	`hsl(169.5,71.6%,45.5%)`
HSV (or HSB)	169.5°, 83.4, 78
Web Safe	33cc99	`#33cc99`

CIE-LAB	72.275, -46.604, 3.176
XYZ	28.304, 44.07, 45.043
xyY	0.241, 0.375, 44.07
CIE-LCH	72.275, 46.712, 176.101
CIE-LUV	72.275, -56.865, 11.96
Hunter-Lab	66.385, -40.069, 6.241
Binary	00100001, 11000111, 10101010

#21c7aa
```
#21c7aa rgb(33,199,170)
```
#c7213e
```
#c7213e rgb(199,33,62)
```

Complementary Color

#21c757
```
#21c757 rgb(33,199,87)
```
#21c7aa
```
#21c7aa rgb(33,199,170)
```
#2191c7
```
#2191c7 rgb(33,145,199)
```

Analogous Color

#c75721
```
#c75721 rgb(199,87,33)
```
#21c7aa
```
#21c7aa rgb(33,199,170)
```
#c72191
```
#c72191 rgb(199,33,145)
```

Split Complementary Color

#c7aa21
```
#c7aa21 rgb(199,170,33)
```
#21c7aa
```
#21c7aa rgb(33,199,170)
```
#aa21c7
```
#aa21c7 rgb(170,33,199)
```

Triadic Color

#3ec721
```
#3ec721 rgb(62,199,33)
```
#21c7aa
```
#21c7aa rgb(33,199,170)
```
#aa21c7
```
#aa21c7 rgb(170,33,199)
```
#c7213e
```
#c7213e rgb(199,33,62)
```

Tetradic Color

#168572
```
#168572 rgb(22,133,114)
```
#1a9b85
```
#1a9b85 rgb(26,155,133)
```
#1db197
```
#1db197 rgb(29,177,151)
```
#21c7aa
```
#21c7aa rgb(33,199,170)
```
#26dbbc
```
#26dbbc rgb(38,219,188)
```
#3cdfc2
```
#3cdfc2 rgb(60,223,194)
```
#52e2c9
```
#52e2c9 rgb(82,226,201)
```

Monochromatic Color

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

#21c781
```
#21c781 rgb(33,199,129)
```
#21c78e
```
#21c78e rgb(33,199,142)
```
#21c79c
```
#21c79c rgb(33,199,156)
```
#21c7aa
```
#21c7aa rgb(33,199,170)
```
#21c7b8
```
#21c7b8 rgb(33,199,184)
```
#21c7c6
```
#21c7c6 rgb(33,199,198)
```
#21bbc7
```
#21bbc7 rgb(33,187,199)
```

Similar Colors

Text with hexadecimal color #21c7aa

This text has a font color of #21c7aa.

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

#21c7aa background color

This paragraph has a background color of #21c7aa.

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

#21c7aa border color

This element has a border color of #21c7aa.

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

CSS codes

.text {color:#21c7aa;}

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

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

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

#020e0c
```
#020e0c rgb(2,14,12)
```
#051f1a
```
#051f1a rgb(5,31,26)
```
#083029
```
#083029 rgb(8,48,41)
```
#0b4037
```
#0b4037 rgb(11,64,55)
```
#0d5145
```
#0d5145 rgb(13,81,69)
```
#106254
```
#106254 rgb(16,98,84)
```
#137362
```
#137362 rgb(19,115,98)
```
#168471
```
#168471 rgb(22,132,113)
```
#19957f
```
#19957f rgb(25,149,127)
```
#1ba58d
```
#1ba58d rgb(27,165,141)
```
#1eb69c
```
#1eb69c rgb(30,182,156)
```
#21c7aa
```
#21c7aa rgb(33,199,170)
```
#24d8b8
```
#24d8b8 rgb(36,216,184)
```

Shade Color Variation

#32ddbf
```
#32ddbf rgb(50,221,191)
```
#43e0c4
```
#43e0c4 rgb(67,224,196)
```
#54e3ca
```
#54e3ca rgb(84,227,202)
```
#65e5cf
```
#65e5cf rgb(101,229,207)
```
#75e8d4
```
#75e8d4 rgb(117,232,212)
```
#86ebd9
```
#86ebd9 rgb(134,235,217)
```
#97eedf
```
#97eedf rgb(151,238,223)
```
#a8f1e4
```
#a8f1e4 rgb(168,241,228)
```
#b9f3e9
```
#b9f3e9 rgb(185,243,233)
```
#caf6ee
```
#caf6ee rgb(202,246,238)
```
#daf9f4
```
#daf9f4 rgb(218,249,244)
```
#ebfcf9
```
#ebfcf9 rgb(235,252,249)
```
#fcfffe
```
#fcfffe rgb(252,255,254)
```

Tint Color Variation

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

#717776
```
#717776 rgb(113,119,118)
```
#68807c
```
#68807c rgb(104,128,124)
```
#5f8981
```
#5f8981 rgb(95,137,129)
```
#579187
```
#579187 rgb(87,145,135)
```
#4e9a8d
```
#4e9a8d rgb(78,154,141)
```
#45a393
```
#45a393 rgb(69,163,147)
```
#3cac99
```
#3cac99 rgb(60,172,153)
```
#33b59e
```
#33b59e rgb(51,181,158)
```
#2abea4
```
#2abea4 rgb(42,190,164)
```
#21c7aa
```
#21c7aa rgb(33,199,170)
```
#18d0b0
```
#18d0b0 rgb(24,208,176)
```
#0fd9b6
```
#0fd9b6 rgb(15,217,182)
```
#06e2bb
```
#06e2bb rgb(6,226,187)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#7b9d97 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcb4a3 Protanopia 1% of men
#c4b0b7 Deuteranopia 1% of men
#4cc4d2 Tritanopia 0.001% of the population

Trichromacy

#83bba6 Protanomaly 1% of men, 0.01% of women
#89b8b2 Deuteranomaly 6% of men, 0.4% of women
#3cc5c4 Tritanomaly 0.01% of the population

#21c7aa hex color

#21c7aa Color Information

#21c7aa Color Conversion

Color Schemes with #21c7aa

Alternatives to #21c7aa

#21c7aa Preview

Shades and Tints of #21c7aa

Tones of #21c7aa

Color Blindness Simulator