#21e695 hex color

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

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

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

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

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

CIE-LAB	81.337, -63.421, 26.979
XYZ	34.346, 59.083, 38.026
xyY	0.261, 0.449, 59.083
CIE-LCH	81.337, 68.921, 156.955
CIE-LUV	81.337, -68.793, 48.21
Hunter-Lab	76.866, -54.755, 24.475
Binary	00100001, 11100110, 10010101

#21e695
```
#21e695 rgb(33,230,149)
```
#e62172
```
#e62172 rgb(230,33,114)
```

Complementary Color

#21e633
```
#21e633 rgb(33,230,51)
```
#21e695
```
#21e695 rgb(33,230,149)
```
#21d5e6
```
#21d5e6 rgb(33,213,230)
```

Analogous Color

#e63321
```
#e63321 rgb(230,51,33)
```
#21e695
```
#21e695 rgb(33,230,149)
```
#e621d5
```
#e621d5 rgb(230,33,213)
```

Split Complementary Color

#e69521
```
#e69521 rgb(230,149,33)
```
#21e695
```
#21e695 rgb(33,230,149)
```
#9521e6
```
#9521e6 rgb(149,33,230)
```

Triadic Color

#72e621
```
#72e621 rgb(114,230,33)
```
#21e695
```
#21e695 rgb(33,230,149)
```
#9521e6
```
#9521e6 rgb(149,33,230)
```
#e62172
```
#e62172 rgb(230,33,114)
```

Tetradic Color

#13a86a
```
#13a86a rgb(19,168,106)
```
#15bf79
```
#15bf79 rgb(21,191,121)
```
#18d588
```
#18d588 rgb(24,213,136)
```
#21e695
```
#21e695 rgb(33,230,149)
```
#38e9a0
```
#38e9a0 rgb(56,233,160)
```
#4febab
```
#4febab rgb(79,235,171)
```
#66eeb6
```
#66eeb6 rgb(102,238,182)
```

Monochromatic Color

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

#21e664
```
#21e664 rgb(33,230,100)
```
#21e674
```
#21e674 rgb(33,230,116)
```
#21e685
```
#21e685 rgb(33,230,133)
```
#21e695
```
#21e695 rgb(33,230,149)
```
#21e6a5
```
#21e6a5 rgb(33,230,165)
```
#21e6b6
```
#21e6b6 rgb(33,230,182)
```
#21e6c6
```
#21e6c6 rgb(33,230,198)
```

Similar Colors

Text with hexadecimal color #21e695

This text has a font color of #21e695.

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

#21e695 background color

This paragraph has a background color of #21e695.

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

#21e695 border color

This element has a border color of #21e695.

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

CSS codes

.text {color:#21e695;}

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

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

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)
```
#094e31
```
#094e31 rgb(9,78,49)
```
#0b5f3d
```
#0b5f3d rgb(11,95,61)
```
#0d7148
```
#0d7148 rgb(13,113,72)
```
#0f8353
```
#0f8353 rgb(15,131,83)
```
#11945e
```
#11945e rgb(17,148,94)
```
#13a669
```
#13a669 rgb(19,166,105)
```
#15b775
```
#15b775 rgb(21,183,117)
```
#17c980
```
#17c980 rgb(23,201,128)
```
#19db8b
```
#19db8b rgb(25,219,139)
```

Shade Color Variation

#21e695
```
#21e695 rgb(33,230,149)
```
#33e89d
```
#33e89d rgb(51,232,157)
```
#44eaa6
```
#44eaa6 rgb(68,234,166)
```
#56ecae
```
#56ecae rgb(86,236,174)
```
#68eeb7
```
#68eeb7 rgb(104,238,183)
```
#79f0bf
```
#79f0bf rgb(121,240,191)
```
#8bf2c8
```
#8bf2c8 rgb(139,242,200)
```
#9cf4d0
```
#9cf4d0 rgb(156,244,208)
```
#aef6d8
```
#aef6d8 rgb(174,246,216)
```
#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 #0ef998 is the most saturated one.

#808784
```
#808784 rgb(128,135,132)
```
#779186
```
#779186 rgb(119,145,134)
```
#6d9a87
```
#6d9a87 rgb(109,154,135)
```
#64a489
```
#64a489 rgb(100,164,137)
```
#5aad8b
```
#5aad8b rgb(90,173,139)
```
#51b78d
```
#51b78d rgb(81,183,141)
```
#47c08e
```
#47c08e rgb(71,192,142)
```
#3eca90
```
#3eca90 rgb(62,202,144)
```
#34d392
```
#34d392 rgb(52,211,146)
```
#2bdd93
```
#2bdd93 rgb(43,221,147)
```
#21e695
```
#21e695 rgb(33,230,149)
```
#18f097
```
#18f097 rgb(24,240,151)
```
#0ef998
```
#0ef998 rgb(14,249,152)
```

Tone Color Variation

Below, you can see how #21e695 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
#88b09f Atypical Achromatopsia 0.001% of the population

Dichromacy

#dccc8f Protanopia 1% of men
#edc5a6 Deuteranopia 1% of men
#65dced Tritanopia 0.001% of the population

Trichromacy

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

#21e695 hex color

#21e695 Color Information

#21e695 Color Conversion

Color Schemes with #21e695

Alternatives to #21e695

#21e695 Preview

Shades and Tints of #21e695

Tones of #21e695

Color Blindness Simulator