#21a796 hex color

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

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

● #21a796 color description : Dark cyan.

The hexadecimal color #21a796 has RGB values of R:33, G:167, B:150 and CMYK values of C:0.8, M:0, Y:0.1, K:0.35. Its decimal value is 2205590.

Hex triplet	21a796	`#21a796`
RGB Decimal	33, 167, 150	`rgb(33,167,150)`
RGB Percent	12.9, 65.5, 58.8	`rgb(12.9%,65.5%,58.8%)`
CMYK	80, 0, 10, 35
HSL	172.4°, 67, 39.2	`hsl(172.4,67%,39.2%)`
HSV (or HSB)	172.4°, 80.2, 65.5
Web Safe	339999	`#339999`

CIE-LAB	61.793, -38.171, -1.057
XYZ	19.949, 30.161, 33.623
xyY	0.238, 0.36, 30.161
CIE-LCH	61.793, 38.186, 181.587
CIE-LUV	61.793, -47.102, 4.181
Hunter-Lab	54.919, -31.269, 2.144
Binary	00100001, 10100111, 10010110

#21a796
```
#21a796 rgb(33,167,150)
```
#a72132
```
#a72132 rgb(167,33,50)
```

Complementary Color

#21a753
```
#21a753 rgb(33,167,83)
```
#21a796
```
#21a796 rgb(33,167,150)
```
#2175a7
```
#2175a7 rgb(33,117,167)
```

Analogous Color

#a75321
```
#a75321 rgb(167,83,33)
```
#21a796
```
#21a796 rgb(33,167,150)
```
#a72175
```
#a72175 rgb(167,33,117)
```

Split Complementary Color

#a79621
```
#a79621 rgb(167,150,33)
```
#21a796
```
#21a796 rgb(33,167,150)
```
#9621a7
```
#9621a7 rgb(150,33,167)
```

Triadic Color

#32a721
```
#32a721 rgb(50,167,33)
```
#21a796
```
#21a796 rgb(33,167,150)
```
#9621a7
```
#9621a7 rgb(150,33,167)
```
#a72132
```
#a72132 rgb(167,33,50)
```

Tetradic Color

#14675d
```
#14675d rgb(20,103,93)
```
#197c70
```
#197c70 rgb(25,124,112)
```
#1d9283
```
#1d9283 rgb(29,146,131)
```
#21a796
```
#21a796 rgb(33,167,150)
```
#25bca9
```
#25bca9 rgb(37,188,169)
```
#29d2bc
```
#29d2bc rgb(41,210,188)
```
#3cd8c5
```
#3cd8c5 rgb(60,216,197)
```

Monochromatic Color

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

#21a775
```
#21a775 rgb(33,167,117)
```
#21a780
```
#21a780 rgb(33,167,128)
```
#21a78b
```
#21a78b rgb(33,167,139)
```
#21a796
```
#21a796 rgb(33,167,150)
```
#21a7a1
```
#21a7a1 rgb(33,167,161)
```
#21a2a7
```
#21a2a7 rgb(33,162,167)
```
#2197a7
```
#2197a7 rgb(33,151,167)
```

Similar Colors

Text with hexadecimal color #21a796

This text has a font color of #21a796.

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

#21a796 background color

This paragraph has a background color of #21a796.

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

#21a796 border color

This element has a border color of #21a796.

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

CSS codes

.text {color:#21a796;}

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

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

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

#010303
```
#010303 rgb(1,3,3)
```
#041412
```
#041412 rgb(4,20,18)
```
#072420
```
#072420 rgb(7,36,32)
```
#0a342f
```
#0a342f rgb(10,52,47)
```
#0e453e
```
#0e453e rgb(14,69,62)
```
#11554c
```
#11554c rgb(17,85,76)
```
#14655b
```
#14655b rgb(20,101,91)
```
#17766a
```
#17766a rgb(23,118,106)
```
#1b8679
```
#1b8679 rgb(27,134,121)
```
#1e9787
```
#1e9787 rgb(30,151,135)
```
#21a796
```
#21a796 rgb(33,167,150)
```
#24b7a5
```
#24b7a5 rgb(36,183,165)
```
#27c8b3
```
#27c8b3 rgb(39,200,179)
```

Shade Color Variation

#2dd6c0
```
#2dd6c0 rgb(45,214,192)
```
#3ed9c5
```
#3ed9c5 rgb(62,217,197)
```
#4edcca
```
#4edcca rgb(78,220,202)
```
#5edfcf
```
#5edfcf rgb(94,223,207)
```
#6fe3d4
```
#6fe3d4 rgb(111,227,212)
```
#7fe6d9
```
#7fe6d9 rgb(127,230,217)
```
#90e9de
```
#90e9de rgb(144,233,222)
```
#a0ece3
```
#a0ece3 rgb(160,236,227)
```
#b0efe7
```
#b0efe7 rgb(176,239,231)
```
#c1f3ec
```
#c1f3ec rgb(193,243,236)
```
#d1f6f1
```
#d1f6f1 rgb(209,246,241)
```
#e1f9f6
```
#e1f9f6 rgb(225,249,246)
```
#f2fcfb
```
#f2fcfb rgb(242,252,251)
```

Tint Color Variation

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

#5f6968
```
#5f6968 rgb(95,105,104)
```
#57716e
```
#57716e rgb(87,113,110)
```
#4f7974
```
#4f7974 rgb(79,121,116)
```
#478179
```
#478179 rgb(71,129,121)
```
#40887f
```
#40887f rgb(64,136,127)
```
#389085
```
#389085 rgb(56,144,133)
```
#30988b
```
#30988b rgb(48,152,139)
```
#299f90
```
#299f90 rgb(41,159,144)
```
#21a796
```
#21a796 rgb(33,167,150)
```
#19af9c
```
#19af9c rgb(25,175,156)
```
#12b6a1
```
#12b6a1 rgb(18,182,161)
```
#0abea7
```
#0abea7 rgb(10,190,167)
```
#02c6ad
```
#02c6ad rgb(2,198,173)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#6b8582 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9f9a92 Protanopia 1% of men
#a596a3 Deuteranopia 1% of men
#41a7b4 Tritanopia 0.001% of the population

Trichromacy

#719e93 Protanomaly 1% of men, 0.01% of women
#759c9e Deuteranomaly 6% of men, 0.4% of women
#35a7a9 Tritanomaly 0.01% of the population

#21a796 hex color

#21a796 Color Information

#21a796 Color Conversion

Color Schemes with #21a796

Alternatives to #21a796

#21a796 Preview

Shades and Tints of #21a796

Tones of #21a796

Color Blindness Simulator