#21e895 hex color

In a RGB color space, hex #21e895 is composed of 12.9% red, 91% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 85.8% cyan, 0% magenta, 35.8% yellow and 9% black. It has a hue angle of 155 degrees, a saturation of 81.2% and a lightness of 52%. #21e895 color hex could be obtained by blending #42ffff with #00d12b. Closest websafe color is: #33ff99.

♥
- f
- t
- g
- R 13
- G 91
- B 58
RGB color chart
- C 86
- M 0
- Y 36
- K 9
CMYK color chart

● #21e895 color description : Vivid cyan - lime green.

The hexadecimal color #21e895 has RGB values of R:33, G:232, B:149 and CMYK values of C:0.86, M:0, Y:0.36, K:0.09. Its decimal value is 2222229.

Hex triplet	21e895	`#21e895`
RGB Decimal	33, 232, 149	`rgb(33,232,149)`
RGB Percent	12.9, 91, 58.4	`rgb(12.9%,91%,58.4%)`
CMYK	86, 0, 36, 9
HSL	155°, 81.2, 52	`hsl(155,81.2%,52%)`
HSV (or HSB)	155°, 85.8, 91
Web Safe	33ff99	`#33ff99`

CIE-LAB	81.948, -64.13, 27.803
XYZ	34.906, 60.203, 38.213
xyY	0.262, 0.452, 60.203
CIE-LCH	81.948, 69.897, 156.562
CIE-LUV	81.948, -69.45, 49.452
Hunter-Lab	77.59, -55.481, 25.113
Binary	00100001, 11101000, 10010101

#21e895
```
#21e895 rgb(33,232,149)
```
#e82174
```
#e82174 rgb(232,33,116)
```

Complementary Color

#21e832
```
#21e832 rgb(33,232,50)
```
#21e895
```
#21e895 rgb(33,232,149)
```
#21d8e8
```
#21d8e8 rgb(33,216,232)
```

Analogous Color

#e83221
```
#e83221 rgb(232,50,33)
```
#21e895
```
#21e895 rgb(33,232,149)
```
#e821d8
```
#e821d8 rgb(232,33,216)
```

Split Complementary Color

#e89521
```
#e89521 rgb(232,149,33)
```
#21e895
```
#21e895 rgb(33,232,149)
```
#9521e8
```
#9521e8 rgb(149,33,232)
```

Triadic Color

#74e821
```
#74e821 rgb(116,232,33)
```
#21e895
```
#21e895 rgb(33,232,149)
```
#9521e8
```
#9521e8 rgb(149,33,232)
```
#e82174
```
#e82174 rgb(232,33,116)
```

Tetradic Color

#12ab6b
```
#12ab6b rgb(18,171,107)
```
#14c279
```
#14c279 rgb(20,194,121)
```
#16d988
```
#16d988 rgb(22,217,136)
```
#21e895
```
#21e895 rgb(33,232,149)
```
#38eaa0
```
#38eaa0 rgb(56,234,160)
```
#4fedab
```
#4fedab rgb(79,237,171)
```
#66efb6
```
#66efb6 rgb(102,239,182)
```

Monochromatic Color

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

#21e863
```
#21e863 rgb(33,232,99)
```
#21e874
```
#21e874 rgb(33,232,116)
```
#21e884
```
#21e884 rgb(33,232,132)
```
#21e895
```
#21e895 rgb(33,232,149)
```
#21e8a6
```
#21e8a6 rgb(33,232,166)
```
#21e8b6
```
#21e8b6 rgb(33,232,182)
```
#21e8c7
```
#21e8c7 rgb(33,232,199)
```

Similar Colors

Text with hexadecimal color #21e895

This text has a font color of #21e895.

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

#21e895 background color

This paragraph has a background color of #21e895.

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

#21e895 border color

This element has a border color of #21e895.

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

CSS codes

.text {color:#21e895;}

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

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

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

#010906
```
#010906 rgb(1,9,6)
```
#031b11
```
#031b11 rgb(3,27,17)
```
#052d1c
```
#052d1c rgb(5,45,28)
```
#063e27
```
#063e27 rgb(6,62,39)
```
#085032
```
#085032 rgb(8,80,50)
```
#0a623d
```
#0a623d rgb(10,98,61)
```
#0c7448
```
#0c7448 rgb(12,116,72)
```
#0e8554
```
#0e8554 rgb(14,133,84)
```
#10975f
```
#10975f rgb(16,151,95)
```
#12a96a
```
#12a96a rgb(18,169,106)
```
#13bb75
```
#13bb75 rgb(19,187,117)
```
#15cd80
```
#15cd80 rgb(21,205,128)
```
#17de8b
```
#17de8b rgb(23,222,139)
```

Shade Color Variation

#21e895
```
#21e895 rgb(33,232,149)
```
#33ea9d
```
#33ea9d rgb(51,234,157)
```
#45eca6
```
#45eca6 rgb(69,236,166)
```
#56eeae
```
#56eeae rgb(86,238,174)
```
#68efb7
```
#68efb7 rgb(104,239,183)
```
#7af1bf
```
#7af1bf rgb(122,241,191)
```
#8cf3c8
```
#8cf3c8 rgb(140,243,200)
```
#9df5d0
```
#9df5d0 rgb(157,245,208)
```
#aff7d9
```
#aff7d9 rgb(175,247,217)
```
#c1f9e1
```
#c1f9e1 rgb(193,249,225)
```
#d3faea
```
#d3faea rgb(211,250,234)
```
#e5fcf2
```
#e5fcf2 rgb(229,252,242)
```
#f6fefb
```
#f6fefb rgb(246,254,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7f8a85 is the less saturated color, while #0efb98 is the most saturated one.

#7f8a85
```
#7f8a85 rgb(127,138,133)
```
#769387
```
#769387 rgb(118,147,135)
```
#6c9d88
```
#6c9d88 rgb(108,157,136)
```
#63a68a
```
#63a68a rgb(99,166,138)
```
#5aaf8c
```
#5aaf8c rgb(90,175,140)
```
#50b98d
```
#50b98d rgb(80,185,141)
```
#47c28f
```
#47c28f rgb(71,194,143)
```
#3dcc90
```
#3dcc90 rgb(61,204,144)
```
#34d592
```
#34d592 rgb(52,213,146)
```
#2adf93
```
#2adf93 rgb(42,223,147)
```
#21e895
```
#21e895 rgb(33,232,149)
```
#18f197
```
#18f197 rgb(24,241,151)
```
#0efb98
```
#0efb98 rgb(14,251,152)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#89b1a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dece8f Protanopia 1% of men
#efc6a6 Deuteranopia 1% of men
#66deee Tritanopia 0.001% of the population

Trichromacy

#99d791 Protanomaly 1% of men, 0.01% of women
#a4d2a0 Deuteranomaly 6% of men, 0.4% of women
#4de2ce Tritanomaly 0.01% of the population

#21e895 hex color

#21e895 Color Information

#21e895 Color Conversion

Color Schemes with #21e895

Alternatives to #21e895

#21e895 Preview

Shades and Tints of #21e895

Tones of #21e895

Color Blindness Simulator