#21a393 hex color

In a RGB color space, hex #21a393 is composed of 12.9% red, 63.9% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 79.8% cyan, 0% magenta, 9.8% yellow and 36.1% black. It has a hue angle of 172.6 degrees, a saturation of 66.3% and a lightness of 38.4%. #21a393 color hex could be obtained by blending #42ffff with #004727. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 13
- G 64
- B 58
RGB color chart
- C 80
- M 0
- Y 10
- K 36
CMYK color chart

● #21a393 color description : Dark cyan.

The hexadecimal color #21a393 has RGB values of R:33, G:163, B:147 and CMYK values of C:0.8, M:0, Y:0.1, K:0.36. Its decimal value is 2204563.

Hex triplet	21a393	`#21a393`
RGB Decimal	33, 163, 147	`rgb(33,163,147)`
RGB Percent	12.9, 63.9, 57.6	`rgb(12.9%,63.9%,57.6%)`
CMYK	80, 0, 10, 36
HSL	172.6°, 66.3, 38.4	`hsl(172.6,66.3%,38.4%)`
HSV (or HSB)	172.6°, 79.8, 63.9
Web Safe	339999	`#339999`

CIE-LAB	60.447, -37.215, -1.341
XYZ	18.989, 28.622, 32.126
xyY	0.238, 0.359, 28.622
CIE-LCH	60.447, 37.239, 182.064
CIE-LUV	60.447, -45.887, 3.603
Hunter-Lab	53.5, -30.269, 1.847
Binary	00100001, 10100011, 10010011

#21a393
```
#21a393 rgb(33,163,147)
```
#a32131
```
#a32131 rgb(163,33,49)
```

Complementary Color

#21a352
```
#21a352 rgb(33,163,82)
```
#21a393
```
#21a393 rgb(33,163,147)
```
#2172a3
```
#2172a3 rgb(33,114,163)
```

Analogous Color

#a35221
```
#a35221 rgb(163,82,33)
```
#21a393
```
#21a393 rgb(33,163,147)
```
#a32172
```
#a32172 rgb(163,33,114)
```

Split Complementary Color

#a39321
```
#a39321 rgb(163,147,33)
```
#21a393
```
#21a393 rgb(33,163,147)
```
#9321a3
```
#9321a3 rgb(147,33,163)
```

Triadic Color

#31a321
```
#31a321 rgb(49,163,33)
```
#21a393
```
#21a393 rgb(33,163,147)
```
#9321a3
```
#9321a3 rgb(147,33,163)
```
#a32131
```
#a32131 rgb(163,33,49)
```

Tetradic Color

#14635a
```
#14635a rgb(20,99,90)
```
#18796d
```
#18796d rgb(24,121,109)
```
#1d8e80
```
#1d8e80 rgb(29,142,128)
```
#21a393
```
#21a393 rgb(33,163,147)
```
#25b8a6
```
#25b8a6 rgb(37,184,166)
```
#2acdb9
```
#2acdb9 rgb(42,205,185)
```
#39d7c4
```
#39d7c4 rgb(57,215,196)
```

Monochromatic Color

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

#21a373
```
#21a373 rgb(33,163,115)
```
#21a37d
```
#21a37d rgb(33,163,125)
```
#21a388
```
#21a388 rgb(33,163,136)
```
#21a393
```
#21a393 rgb(33,163,147)
```
#21a39e
```
#21a39e rgb(33,163,158)
```
#219da3
```
#219da3 rgb(33,157,163)
```
#2193a3
```
#2193a3 rgb(33,147,163)
```

Similar Colors

Text with hexadecimal color #21a393

This text has a font color of #21a393.

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

#21a393 background color

This paragraph has a background color of #21a393.

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

#21a393 border color

This element has a border color of #21a393.

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

CSS codes

.text {color:#21a393;}

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

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

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, #03100f is the darkest color, while #ffffff is the lightest one.

#03100f
```
#03100f rgb(3,16,15)
```
#07201d
```
#07201d rgb(7,32,29)
```
#0a312c
```
#0a312c rgb(10,49,44)
```
#0d413b
```
#0d413b rgb(13,65,59)
```
#105149
```
#105149 rgb(16,81,73)
```
#146258
```
#146258 rgb(20,98,88)
```
#177267
```
#177267 rgb(23,114,103)
```
#1a8276
```
#1a8276 rgb(26,130,118)
```
#1e9384
```
#1e9384 rgb(30,147,132)
```
#21a393
```
#21a393 rgb(33,163,147)
```
#24b3a2
```
#24b3a2 rgb(36,179,162)
```
#28c4b0
```
#28c4b0 rgb(40,196,176)
```
#2bd4bf
```
#2bd4bf rgb(43,212,191)
```

Shade Color Variation

#3bd7c4
```
#3bd7c4 rgb(59,215,196)
```
#4bdbc9
```
#4bdbc9 rgb(75,219,201)
```
#5cdece
```
#5cdece rgb(92,222,206)
```
#6ce1d3
```
#6ce1d3 rgb(108,225,211)
```
#7ce5d8
```
#7ce5d8 rgb(124,229,216)
```
#8de8dd
```
#8de8dd rgb(141,232,221)
```
#9debe2
```
#9debe2 rgb(157,235,226)
```
#adeee6
```
#adeee6 rgb(173,238,230)
```
#bef2eb
```
#bef2eb rgb(190,242,235)
```
#cef5f0
```
#cef5f0 rgb(206,245,240)
```
#def8f5
```
#def8f5 rgb(222,248,245)
```
#effcfa
```
#effcfa rgb(239,252,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#5d6766
```
#5d6766 rgb(93,103,102)
```
#566e6b
```
#566e6b rgb(86,110,107)
```
#4e7671
```
#4e7671 rgb(78,118,113)
```
#477d77
```
#477d77 rgb(71,125,119)
```
#3f857c
```
#3f857c rgb(63,133,124)
```
#388c82
```
#388c82 rgb(56,140,130)
```
#309488
```
#309488 rgb(48,148,136)
```
#299b8d
```
#299b8d rgb(41,155,141)
```
#21a393
```
#21a393 rgb(33,163,147)
```
#19ab99
```
#19ab99 rgb(25,171,153)
```
#12b29e
```
#12b29e rgb(18,178,158)
```
#0abaa4
```
#0abaa4 rgb(10,186,164)
```
#03c1aa
```
#03c1aa rgb(3,193,170)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#68827f Atypical Achromatopsia 0.001% of the population

Dichromacy

#9b968f Protanopia 1% of men
#a1939f Deuteranopia 1% of men
#40a4b0 Tritanopia 0.001% of the population

Trichromacy

#6f9b90 Protanomaly 1% of men, 0.01% of women
#72999b Deuteranomaly 6% of men, 0.4% of women
#34a3a5 Tritanomaly 0.01% of the population

#21a393 hex color

#21a393 Color Information

#21a393 Color Conversion

Color Schemes with #21a393

Alternatives to #21a393

#21a393 Preview

Shades and Tints of #21a393

Tones of #21a393

Color Blindness Simulator