colorhexa.com

#21ec80 hex color

In a RGB color space, hex #21ec80 is composed of 12.9% red, 92.5% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 86% cyan, 0% magenta, 45.8% yellow and 7.5% black. It has a hue angle of 148.1 degrees, a saturation of 84.2% and a lightness of 52.7%. #21ec80 color hex could be obtained by blending #42ffff with #00d901. Closest websafe color is: #33ff99.

- R 13
- G 93
- B 50
RGB color chart
- C 86
- M 0
- Y 46
- K 7
CMYK color chart

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

The hexadecimal color #21ec80 has RGB values of R:33, G:236, B:128 and CMYK values of C:0.86, M:0, Y:0.46, K:0.07. Its decimal value is 2223232.

Hex triplet	21ec80	`#21ec80`
RGB Decimal	33, 236, 128	`rgb(33,236,128)`
RGB Percent	12.9, 92.5, 50.2	`rgb(12.9%,92.5%,50.2%)`
CMYK	86, 0, 46, 7
HSL	148.1°, 84.2, 52.7	`hsl(148.1,84.2%,52.7%)`
HSV (or HSB)	148.1°, 86, 92.5
Web Safe	33ff99	`#33ff99`

CIE-LAB	82.844, -69.326, 39.497
XYZ	34.516, 61.869, 30.544
xyY	0.272, 0.487, 61.869
CIE-LCH	82.844, 79.788, 150.329
CIE-LUV	82.844, -72.017, 64.473
Hunter-Lab	78.657, -59.32, 32.037
Binary	00100001, 11101100, 10000000

#21ec80
```
#21ec80 rgb(33,236,128)
```
#ec218d
```
#ec218d rgb(236,33,141)
```

Complementary Color

#28ec21
```
#28ec21 rgb(40,236,33)
```
#21ec80
```
#21ec80 rgb(33,236,128)
```
#21ece6
```
#21ece6 rgb(33,236,230)
```

Analogous Color

#ec2128
```
#ec2128 rgb(236,33,40)
```
#21ec80
```
#21ec80 rgb(33,236,128)
```
#e621ec
```
#e621ec rgb(230,33,236)
```

Split Complementary Color

#ec8021
```
#ec8021 rgb(236,128,33)
```
#21ec80
```
#21ec80 rgb(33,236,128)
```
#8021ec
```
#8021ec rgb(128,33,236)
```

Triadic Color

#8dec21
```
#8dec21 rgb(141,236,33)
```
#21ec80
```
#21ec80 rgb(33,236,128)
```
#8021ec
```
#8021ec rgb(128,33,236)
```
#ec218d
```
#ec218d rgb(236,33,141)
```

Tetradic Color

#0fb15b
```
#0fb15b rgb(15,177,91)
```
#11c967
```
#11c967 rgb(17,201,103)
```
#13e073
```
#13e073 rgb(19,224,115)
```
#21ec80
```
#21ec80 rgb(33,236,128)
```
#38ee8d
```
#38ee8d rgb(56,238,141)
```
#50f09b
```
#50f09b rgb(80,240,155)
```
#67f2a8
```
#67f2a8 rgb(103,242,168)
```

Monochromatic Color

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

#21ec4d
```
#21ec4d rgb(33,236,77)
```
#21ec5e
```
#21ec5e rgb(33,236,94)
```
#21ec6f
```
#21ec6f rgb(33,236,111)
```
#21ec80
```
#21ec80 rgb(33,236,128)
```
#21ec91
```
#21ec91 rgb(33,236,145)
```
#21eca2
```
#21eca2 rgb(33,236,162)
```
#21ecb3
```
#21ecb3 rgb(33,236,179)
```

Similar Colors

Text with hexadecimal color #21ec80

This text has a font color of #21ec80.

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

#21ec80 background color

This paragraph has a background color of #21ec80.

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

#21ec80 border color

This element has a border color of #21ec80.

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

CSS codes

.text {color:#21ec80;}

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

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

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, #010d07 is the darkest color, while #fafffc is the lightest one.

#010d07
```
#010d07 rgb(1,13,7)
```
#031f10
```
#031f10 rgb(3,31,16)
```
#043119
```
#043119 rgb(4,49,25)
```
#064322
```
#064322 rgb(6,67,34)
```
#07552c
```
#07552c rgb(7,85,44)
```
#096735
```
#096735 rgb(9,103,53)
```
#0a793e
```
#0a793e rgb(10,121,62)
```
#0c8b48
```
#0c8b48 rgb(12,139,72)
```
#0d9d51
```
#0d9d51 rgb(13,157,81)
```
#0fb05a
```
#0fb05a rgb(15,176,90)
```
#11c263
```
#11c263 rgb(17,194,99)
```
#12d46d
```
#12d46d rgb(18,212,109)
```
#14e676
```
#14e676 rgb(20,230,118)
```

Shade Color Variation

#21ec80
```
#21ec80 rgb(33,236,128)
```
#33ee8a
```
#33ee8a rgb(51,238,138)
```
#45ef95
```
#45ef95 rgb(69,239,149)
```
#57f19f
```
#57f19f rgb(87,241,159)
```
#69f2a9
```
#69f2a9 rgb(105,242,169)
```
#7bf4b4
```
#7bf4b4 rgb(123,244,180)
```
#8df5be
```
#8df5be rgb(141,245,190)
```
#9ff7c8
```
#9ff7c8 rgb(159,247,200)
```
#b2f8d3
```
#b2f8d3 rgb(178,248,211)
```
#c4fadd
```
#c4fadd rgb(196,250,221)
```
#d6fbe7
```
#d6fbe7 rgb(214,251,231)
```
#e8fdf2
```
#e8fdf2 rgb(232,253,242)
```
#fafffc
```
#fafffc rgb(250,255,252)
```

Tint Color Variation

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

#7e8f86
```
#7e8f86 rgb(126,143,134)
```
#749985
```
#749985 rgb(116,153,133)
```
#6ba285
```
#6ba285 rgb(107,162,133)
```
#62ab84
```
#62ab84 rgb(98,171,132)
```
#59b484
```
#59b484 rgb(89,180,132)
```
#4fbe83
```
#4fbe83 rgb(79,190,131)
```
#46c782
```
#46c782 rgb(70,199,130)
```
#3dd082
```
#3dd082 rgb(61,208,130)
```
#34d981
```
#34d981 rgb(52,217,129)
```
#2ae381
```
#2ae381 rgb(42,227,129)
```
#21ec80
```
#21ec80 rgb(33,236,128)
```
#18f57f
```
#18f57f rgb(24,245,127)
```
#0eff7f
```
#0eff7f rgb(14,255,127)
```

Tone Color Variation

Below, you can see how #21ec80 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
#89b29c Atypical Achromatopsia 0.001% of the population

Dichromacy

#e4d07c Protanopia 1% of men
#f7c893 Deuteranopia 1% of men
#6de0f1 Tritanopia 0.001% of the population

Trichromacy

#9dda7d Protanomaly 1% of men, 0.01% of women
#a9d58c Deuteranomaly 6% of men, 0.4% of women
#51e4c7 Tritanomaly 0.01% of the population