#21a7a2 hex color

In a RGB color space, hex #21a7a2 is composed of 12.9% red, 65.5% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 80.2% cyan, 0% magenta, 3% yellow and 34.5% black. It has a hue angle of 177.8 degrees, a saturation of 67% and a lightness of 39.2%. #21a7a2 color hex could be obtained by blending #42ffff with #004f45. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 13
- G 65
- B 64
RGB color chart
- C 80
- M 0
- Y 3
- K 35
CMYK color chart

● #21a7a2 color description : Dark cyan.

The hexadecimal color #21a7a2 has RGB values of R:33, G:167, B:162 and CMYK values of C:0.8, M:0, Y:0.03, K:0.35. Its decimal value is 2205602.

Hex triplet	21a7a2	`#21a7a2`
RGB Decimal	33, 167, 162	`rgb(33,167,162)`
RGB Percent	12.9, 65.5, 63.5	`rgb(12.9%,65.5%,63.5%)`
CMYK	80, 0, 3, 35
HSL	177.8°, 67, 39.2	`hsl(177.8,67%,39.2%)`
HSV (or HSB)	177.8°, 80.2, 65.5
Web Safe	339999	`#339999`

CIE-LAB	62.141, -34.708, -7.281
XYZ	20.965, 30.567, 38.976
xyY	0.232, 0.338, 30.567
CIE-LCH	62.141, 35.463, 191.848
CIE-LUV	62.141, -46.23, -5.703
Hunter-Lab	55.288, -29.065, -3.096
Binary	00100001, 10100111, 10100010

#21a7a2
```
#21a7a2 rgb(33,167,162)
```
#a72126
```
#a72126 rgb(167,33,38)
```

Complementary Color

#21a75f
```
#21a75f rgb(33,167,95)
```
#21a7a2
```
#21a7a2 rgb(33,167,162)
```
#2169a7
```
#2169a7 rgb(33,105,167)
```

Analogous Color

#a75f21
```
#a75f21 rgb(167,95,33)
```
#21a7a2
```
#21a7a2 rgb(33,167,162)
```
#a72169
```
#a72169 rgb(167,33,105)
```

Split Complementary Color

#a7a221
```
#a7a221 rgb(167,162,33)
```
#21a7a2
```
#21a7a2 rgb(33,167,162)
```
#a221a7
```
#a221a7 rgb(162,33,167)
```

Triadic Color

#26a721
```
#26a721 rgb(38,167,33)
```
#21a7a2
```
#21a7a2 rgb(33,167,162)
```
#a221a7
```
#a221a7 rgb(162,33,167)
```
#a72126
```
#a72126 rgb(167,33,38)
```

Tetradic Color

#146764
```
#146764 rgb(20,103,100)
```
#197c79
```
#197c79 rgb(25,124,121)
```
#1d928d
```
#1d928d rgb(29,146,141)
```
#21a7a2
```
#21a7a2 rgb(33,167,162)
```
#25bcb7
```
#25bcb7 rgb(37,188,183)
```
#29d2cb
```
#29d2cb rgb(41,210,203)
```
#3cd8d3
```
#3cd8d3 rgb(60,216,211)
```

Monochromatic Color

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

#21a781
```
#21a781 rgb(33,167,129)
```
#21a78c
```
#21a78c rgb(33,167,140)
```
#21a797
```
#21a797 rgb(33,167,151)
```
#21a7a2
```
#21a7a2 rgb(33,167,162)
```
#21a1a7
```
#21a1a7 rgb(33,161,167)
```
#2196a7
```
#2196a7 rgb(33,150,167)
```
#218ba7
```
#218ba7 rgb(33,139,167)
```

Similar Colors

Text with hexadecimal color #21a7a2

This text has a font color of #21a7a2.

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

#21a7a2 background color

This paragraph has a background color of #21a7a2.

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

#21a7a2 border color

This element has a border color of #21a7a2.

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

CSS codes

.text {color:#21a7a2;}

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

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

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

#010303
```
#010303 rgb(1,3,3)
```
#041413
```
#041413 rgb(4,20,19)
```
#072423
```
#072423 rgb(7,36,35)
```
#0a3433
```
#0a3433 rgb(10,52,51)
```
#0e4543
```
#0e4543 rgb(14,69,67)
```
#115553
```
#115553 rgb(17,85,83)
```
#146562
```
#146562 rgb(20,101,98)
```
#177672
```
#177672 rgb(23,118,114)
```
#1b8682
```
#1b8682 rgb(27,134,130)
```
#1e9792
```
#1e9792 rgb(30,151,146)
```
#21a7a2
```
#21a7a2 rgb(33,167,162)
```
#24b7b2
```
#24b7b2 rgb(36,183,178)
```
#27c8c2
```
#27c8c2 rgb(39,200,194)
```

Shade Color Variation

#2dd6cf
```
#2dd6cf rgb(45,214,207)
```
#3ed9d3
```
#3ed9d3 rgb(62,217,211)
```
#4edcd7
```
#4edcd7 rgb(78,220,215)
```
#5edfda
```
#5edfda rgb(94,223,218)
```
#6fe3de
```
#6fe3de rgb(111,227,222)
```
#7fe6e2
```
#7fe6e2 rgb(127,230,226)
```
#90e9e6
```
#90e9e6 rgb(144,233,230)
```
#a0ece9
```
#a0ece9 rgb(160,236,233)
```
#b0efed
```
#b0efed rgb(176,239,237)
```
#c1f3f1
```
#c1f3f1 rgb(193,243,241)
```
#d1f6f5
```
#d1f6f5 rgb(209,246,245)
```
#e1f9f8
```
#e1f9f8 rgb(225,249,248)
```
#f2fcfc
```
#f2fcfc rgb(242,252,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5f6969 is the less saturated color, while #02c6be is the most saturated one.

#5f6969
```
#5f6969 rgb(95,105,105)
```
#577170
```
#577170 rgb(87,113,112)
```
#4f7977
```
#4f7977 rgb(79,121,119)
```
#47817e
```
#47817e rgb(71,129,126)
```
#408886
```
#408886 rgb(64,136,134)
```
#38908d
```
#38908d rgb(56,144,141)
```
#309894
```
#309894 rgb(48,152,148)
```
#299f9b
```
#299f9b rgb(41,159,155)
```
#21a7a2
```
#21a7a2 rgb(33,167,162)
```
#19afa9
```
#19afa9 rgb(25,175,169)
```
#12b6b0
```
#12b6b0 rgb(18,182,176)
```
#0abeb7
```
#0abeb7 rgb(10,190,183)
```
#02c6be
```
#02c6be rgb(2,198,190)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#6b8685 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9d9a9d Protanopia 1% of men
#a097ae Deuteranopia 1% of men
#3aa9b5 Tritanopia 0.001% of the population

Trichromacy

#709f9f Protanomaly 1% of men, 0.01% of women
#729da9 Deuteranomaly 6% of men, 0.4% of women
#31a8ae Tritanomaly 0.01% of the population

#21a7a2 hex color

#21a7a2 Color Information

#21a7a2 Color Conversion

Color Schemes with #21a7a2

Alternatives to #21a7a2

#21a7a2 Preview

Shades and Tints of #21a7a2

Tones of #21a7a2

Color Blindness Simulator