#21a384 hex color

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

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

● #21a384 color description : Dark cyan.

The hexadecimal color #21a384 has RGB values of R:33, G:163, B:132 and CMYK values of C:0.8, M:0, Y:0.19, K:0.36. Its decimal value is 2204548.

Hex triplet	21a384	`#21a384`
RGB Decimal	33, 163, 132	`rgb(33,163,132)`
RGB Percent	12.9, 63.9, 51.8	`rgb(12.9%,63.9%,51.8%)`
CMYK	80, 0, 19, 36
HSL	165.7°, 66.3, 38.4	`hsl(165.7,66.3%,38.4%)`
HSV (or HSB)	165.7°, 79.8, 63.9
Web Safe	339999	`#339999`

CIE-LAB	60.053, -41.28, 6.53
XYZ	17.888, 28.182, 26.325
xyY	0.247, 0.389, 28.182
CIE-LCH	60.053, 41.793, 171.011
CIE-LUV	60.053, -46.946, 15.465
Hunter-Lab	53.087, -32.755, 7.759
Binary	00100001, 10100011, 10000100

#21a384
```
#21a384 rgb(33,163,132)
```
#a32140
```
#a32140 rgb(163,33,64)
```

Complementary Color

#21a343
```
#21a343 rgb(33,163,67)
```
#21a384
```
#21a384 rgb(33,163,132)
```
#2181a3
```
#2181a3 rgb(33,129,163)
```

Analogous Color

#a34321
```
#a34321 rgb(163,67,33)
```
#21a384
```
#21a384 rgb(33,163,132)
```
#a32181
```
#a32181 rgb(163,33,129)
```

Split Complementary Color

#a38421
```
#a38421 rgb(163,132,33)
```
#21a384
```
#21a384 rgb(33,163,132)
```
#8421a3
```
#8421a3 rgb(132,33,163)
```

Triadic Color

#40a321
```
#40a321 rgb(64,163,33)
```
#21a384
```
#21a384 rgb(33,163,132)
```
#8421a3
```
#8421a3 rgb(132,33,163)
```
#a32140
```
#a32140 rgb(163,33,64)
```

Tetradic Color

#146350
```
#146350 rgb(20,99,80)
```
#187962
```
#187962 rgb(24,121,98)
```
#1d8e73
```
#1d8e73 rgb(29,142,115)
```
#21a384
```
#21a384 rgb(33,163,132)
```
#25b895
```
#25b895 rgb(37,184,149)
```
#2acda6
```
#2acda6 rgb(42,205,166)
```
#39d7b1
```
#39d7b1 rgb(57,215,177)
```

Monochromatic Color

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

#21a364
```
#21a364 rgb(33,163,100)
```
#21a36e
```
#21a36e rgb(33,163,110)
```
#21a379
```
#21a379 rgb(33,163,121)
```
#21a384
```
#21a384 rgb(33,163,132)
```
#21a38f
```
#21a38f rgb(33,163,143)
```
#21a39a
```
#21a39a rgb(33,163,154)
```
#21a2a3
```
#21a2a3 rgb(33,162,163)
```

Similar Colors

Text with hexadecimal color #21a384

This text has a font color of #21a384.

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

#21a384 background color

This paragraph has a background color of #21a384.

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

#21a384 border color

This element has a border color of #21a384.

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

CSS codes

.text {color:#21a384;}

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

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

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

#03100d
```
#03100d rgb(3,16,13)
```
#07201a
```
#07201a rgb(7,32,26)
```
#0a3128
```
#0a3128 rgb(10,49,40)
```
#0d4135
```
#0d4135 rgb(13,65,53)
```
#105142
```
#105142 rgb(16,81,66)
```
#14624f
```
#14624f rgb(20,98,79)
```
#17725c
```
#17725c rgb(23,114,92)
```
#1a826a
```
#1a826a rgb(26,130,106)
```
#1e9377
```
#1e9377 rgb(30,147,119)
```
#21a384
```
#21a384 rgb(33,163,132)
```
#24b391
```
#24b391 rgb(36,179,145)
```
#28c49e
```
#28c49e rgb(40,196,158)
```
#2bd4ac
```
#2bd4ac rgb(43,212,172)
```

Shade Color Variation

#3bd7b2
```
#3bd7b2 rgb(59,215,178)
```
#4bdbb8
```
#4bdbb8 rgb(75,219,184)
```
#5cdebf
```
#5cdebf rgb(92,222,191)
```
#6ce1c5
```
#6ce1c5 rgb(108,225,197)
```
#7ce5cc
```
#7ce5cc rgb(124,229,204)
```
#8de8d2
```
#8de8d2 rgb(141,232,210)
```
#9debd9
```
#9debd9 rgb(157,235,217)
```
#adeedf
```
#adeedf rgb(173,238,223)
```
#bef2e5
```
#bef2e5 rgb(190,242,229)
```
#cef5ec
```
#cef5ec rgb(206,245,236)
```
#def8f2
```
#def8f2 rgb(222,248,242)
```
#effcf9
```
#effcf9 rgb(239,252,249)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#5d6764
```
#5d6764 rgb(93,103,100)
```
#566e68
```
#566e68 rgb(86,110,104)
```
#4e766c
```
#4e766c rgb(78,118,108)
```
#477d70
```
#477d70 rgb(71,125,112)
```
#3f8574
```
#3f8574 rgb(63,133,116)
```
#388c78
```
#388c78 rgb(56,140,120)
```
#30947c
```
#30947c rgb(48,148,124)
```
#299b80
```
#299b80 rgb(41,155,128)
```
#21a384
```
#21a384 rgb(33,163,132)
```
#19ab88
```
#19ab88 rgb(25,171,136)
```
#12b28c
```
#12b28c rgb(18,178,140)
```
#0aba90
```
#0aba90 rgb(10,186,144)
```
#03c194
```
#03c194 rgb(3,193,148)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#67817b Atypical Achromatopsia 0.001% of the population

Dichromacy

#9d9681 Protanopia 1% of men
#a59192 Deuteranopia 1% of men
#46a2ae Tritanopia 0.001% of the population

Trichromacy

#709a82 Protanomaly 1% of men, 0.01% of women
#75988c Deuteranomaly 6% of men, 0.4% of women
#38a29f Tritanomaly 0.01% of the population

#21a384 hex color

#21a384 Color Information

#21a384 Color Conversion

Color Schemes with #21a384

Alternatives to #21a384

#21a384 Preview

Shades and Tints of #21a384

Tones of #21a384

Color Blindness Simulator