#21e696 hex color

In a RGB color space, hex #21e696 is composed of 12.9% red, 90.2% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 85.7% cyan, 0% magenta, 34.8% yellow and 9.8% black. It has a hue angle of 155.6 degrees, a saturation of 79.8% and a lightness of 51.6%. #21e696 color hex could be obtained by blending #42ffff with #00cd2d. Closest websafe color is: #33ff99.

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

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

The hexadecimal color #21e696 has RGB values of R:33, G:230, B:150 and CMYK values of C:0.86, M:0, Y:0.35, K:0.1. Its decimal value is 2221718.

Hex triplet	21e696	`#21e696`
RGB Decimal	33, 230, 150	`rgb(33,230,150)`
RGB Percent	12.9, 90.2, 58.8	`rgb(12.9%,90.2%,58.8%)`
CMYK	86, 0, 35, 10
HSL	155.6°, 79.8, 51.6	`hsl(155.6,79.8%,51.6%)`
HSV (or HSB)	155.6°, 85.7, 90.2
Web Safe	33ff99	`#33ff99`

CIE-LAB	81.355, -63.22, 26.49
XYZ	34.426, 59.115, 38.448
xyY	0.261, 0.448, 59.115
CIE-LCH	81.355, 68.545, 157.266
CIE-LUV	81.355, -68.728, 47.556
Hunter-Lab	76.886, -54.627, 24.172
Binary	00100001, 11100110, 10010110

#21e696
```
#21e696 rgb(33,230,150)
```
#e62171
```
#e62171 rgb(230,33,113)
```

Complementary Color

#21e634
```
#21e634 rgb(33,230,52)
```
#21e696
```
#21e696 rgb(33,230,150)
```
#21d4e6
```
#21d4e6 rgb(33,212,230)
```

Analogous Color

#e63421
```
#e63421 rgb(230,52,33)
```
#21e696
```
#21e696 rgb(33,230,150)
```
#e621d4
```
#e621d4 rgb(230,33,212)
```

Split Complementary Color

#e69621
```
#e69621 rgb(230,150,33)
```
#21e696
```
#21e696 rgb(33,230,150)
```
#9621e6
```
#9621e6 rgb(150,33,230)
```

Triadic Color

#71e621
```
#71e621 rgb(113,230,33)
```
#21e696
```
#21e696 rgb(33,230,150)
```
#9621e6
```
#9621e6 rgb(150,33,230)
```
#e62171
```
#e62171 rgb(230,33,113)
```

Tetradic Color

#13a86b
```
#13a86b rgb(19,168,107)
```
#15bf7a
```
#15bf7a rgb(21,191,122)
```
#18d589
```
#18d589 rgb(24,213,137)
```
#21e696
```
#21e696 rgb(33,230,150)
```
#38e9a1
```
#38e9a1 rgb(56,233,161)
```
#4febac
```
#4febac rgb(79,235,172)
```
#66eeb7
```
#66eeb7 rgb(102,238,183)
```

Monochromatic Color

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

#21e665
```
#21e665 rgb(33,230,101)
```
#21e675
```
#21e675 rgb(33,230,117)
```
#21e686
```
#21e686 rgb(33,230,134)
```
#21e696
```
#21e696 rgb(33,230,150)
```
#21e6a6
```
#21e6a6 rgb(33,230,166)
```
#21e6b7
```
#21e6b7 rgb(33,230,183)
```
#21e6c7
```
#21e6c7 rgb(33,230,199)
```

Similar Colors

Text with hexadecimal color #21e696

This text has a font color of #21e696.

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

#21e696 background color

This paragraph has a background color of #21e696.

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

#21e696 border color

This element has a border color of #21e696.

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

CSS codes

.text {color:#21e696;}

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

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

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

#010705
```
#010705 rgb(1,7,5)
```
#031910
```
#031910 rgb(3,25,16)
```
#052a1b
```
#052a1b rgb(5,42,27)
```
#073c26
```
#073c26 rgb(7,60,38)
```
#094e32
```
#094e32 rgb(9,78,50)
```
#0b5f3d
```
#0b5f3d rgb(11,95,61)
```
#0d7148
```
#0d7148 rgb(13,113,72)
```
#0f8354
```
#0f8354 rgb(15,131,84)
```
#11945f
```
#11945f rgb(17,148,95)
```
#13a66a
```
#13a66a rgb(19,166,106)
```
#15b775
```
#15b775 rgb(21,183,117)
```
#17c981
```
#17c981 rgb(23,201,129)
```
#19db8c
```
#19db8c rgb(25,219,140)
```

Shade Color Variation

#21e696
```
#21e696 rgb(33,230,150)
```
#33e89e
```
#33e89e rgb(51,232,158)
```
#44eaa7
```
#44eaa7 rgb(68,234,167)
```
#56ecaf
```
#56ecaf rgb(86,236,175)
```
#68eeb7
```
#68eeb7 rgb(104,238,183)
```
#79f0c0
```
#79f0c0 rgb(121,240,192)
```
#8bf2c8
```
#8bf2c8 rgb(139,242,200)
```
#9cf4d0
```
#9cf4d0 rgb(156,244,208)
```
#aef6d9
```
#aef6d9 rgb(174,246,217)
```
#c0f8e1
```
#c0f8e1 rgb(192,248,225)
```
#d1fae9
```
#d1fae9 rgb(209,250,233)
```
#e3fcf2
```
#e3fcf2 rgb(227,252,242)
```
#f5fefa
```
#f5fefa rgb(245,254,250)
```

Tint Color Variation

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

#808784
```
#808784 rgb(128,135,132)
```
#779186
```
#779186 rgb(119,145,134)
```
#6d9a88
```
#6d9a88 rgb(109,154,136)
```
#64a48a
```
#64a48a rgb(100,164,138)
```
#5aad8b
```
#5aad8b rgb(90,173,139)
```
#51b78d
```
#51b78d rgb(81,183,141)
```
#47c08f
```
#47c08f rgb(71,192,143)
```
#3eca91
```
#3eca91 rgb(62,202,145)
```
#34d392
```
#34d392 rgb(52,211,146)
```
#2bdd94
```
#2bdd94 rgb(43,221,148)
```
#21e696
```
#21e696 rgb(33,230,150)
```
#18f098
```
#18f098 rgb(24,240,152)
```
#0ef99a
```
#0ef99a rgb(14,249,154)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#88b0a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dccc90 Protanopia 1% of men
#edc5a7 Deuteranopia 1% of men
#65dced Tritanopia 0.001% of the population

Trichromacy

#98d592 Protanomaly 1% of men, 0.01% of women
#a2d1a0 Deuteranomaly 6% of men, 0.4% of women
#4ce0cd Tritanomaly 0.01% of the population

#21e696 hex color

#21e696 Color Information

#21e696 Color Conversion

Color Schemes with #21e696

Alternatives to #21e696

#21e696 Preview

Shades and Tints of #21e696

Tones of #21e696

Color Blindness Simulator