#21fd30 hex color

In a RGB color space, hex #21fd30 is composed of 12.9% red, 99.2% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 87% cyan, 0% magenta, 81% yellow and 0.8% black. It has a hue angle of 124.1 degrees, a saturation of 98.2% and a lightness of 56.1%. #21fd30 color hex could be obtained by blending #42ff60 with #00fb00. Closest websafe color is: #33ff33.

♥
- f
- t
- g
- R 13
- G 99
- B 19
RGB color chart
- C 87
- M 0
- Y 81
- K 1
CMYK color chart

● #21fd30 color description : Vivid lime green.

The hexadecimal color #21fd30 has RGB values of R:33, G:253, B:48 and CMYK values of C:0.87, M:0, Y:0.81, K:0.01. Its decimal value is 2227504.

Hex triplet	21fd30	`#21fd30`
RGB Decimal	33, 253, 48	`rgb(33,253,48)`
RGB Percent	12.9, 99.2, 18.8	`rgb(12.9%,99.2%,18.8%)`
CMYK	87, 0, 81, 1
HSL	124.1°, 98.2, 56.1	`hsl(124.1,98.2%,56.1%)`
HSV (or HSB)	124.1°, 87, 99.2
Web Safe	33ff33	`#33ff33`

CIE-LAB	87.38, -82.89, 75.999
XYZ	36.284, 70.783, 14.546
xyY	0.298, 0.582, 70.783
CIE-LCH	87.38, 112.457, 137.483
CIE-LUV	87.38, -80.327, 101.849
Hunter-Lab	84.133, -70.251, 48.642
Binary	00100001, 11111101, 00110000

#21fd30
```
#21fd30 rgb(33,253,48)
```
#fd21ee
```
#fd21ee rgb(253,33,238)
```

Complementary Color

#80fd21
```
#80fd21 rgb(128,253,33)
```
#21fd30
```
#21fd30 rgb(33,253,48)
```
#21fd9e
```
#21fd9e rgb(33,253,158)
```

Analogous Color

#fd2180
```
#fd2180 rgb(253,33,128)
```
#21fd30
```
#21fd30 rgb(33,253,48)
```
#9e21fd
```
#9e21fd rgb(158,33,253)
```

Split Complementary Color

#fd3021
```
#fd3021 rgb(253,48,33)
```
#21fd30
```
#21fd30 rgb(33,253,48)
```
#3021fd
```
#3021fd rgb(48,33,253)
```

Triadic Color

#eefd21
```
#eefd21 rgb(238,253,33)
```
#21fd30
```
#21fd30 rgb(33,253,48)
```
#3021fd
```
#3021fd rgb(48,33,253)
```
#fd21ee
```
#fd21ee rgb(253,33,238)
```

Tetradic Color

#02d010
```
#02d010 rgb(2,208,16)
```
#02e912
```
#02e912 rgb(2,233,18)
```
#08fd18
```
#08fd18 rgb(8,253,24)
```
#21fd30
```
#21fd30 rgb(33,253,48)
```
#3afd48
```
#3afd48 rgb(58,253,72)
```
#54fd5f
```
#54fd5f rgb(84,253,95)
```
#6dfe77
```
#6dfe77 rgb(109,254,119)
```

Monochromatic Color

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

#49fd21
```
#49fd21 rgb(73,253,33)
```
#37fd21
```
#37fd21 rgb(55,253,33)
```
#24fd21
```
#24fd21 rgb(36,253,33)
```
#21fd30
```
#21fd30 rgb(33,253,48)
```
#21fd42
```
#21fd42 rgb(33,253,66)
```
#21fd55
```
#21fd55 rgb(33,253,85)
```
#21fd67
```
#21fd67 rgb(33,253,103)
```

Similar Colors

Text with hexadecimal color #21fd30

This text has a font color of #21fd30.

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

#21fd30 background color

This paragraph has a background color of #21fd30.

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

#21fd30 border color

This element has a border color of #21fd30.

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

CSS codes

.text {color:#21fd30;}

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

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

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, #000b01 is the darkest color, while #f7fff7 is the lightest one.

#000b01
```
#000b01 rgb(0,11,1)
```
#001f02
```
#001f02 rgb(0,31,2)
```
#003204
```
#003204 rgb(0,50,4)
```
#014605
```
#014605 rgb(1,70,5)
```
#015907
```
#015907 rgb(1,89,7)
```
#016c08
```
#016c08 rgb(1,108,8)
```
#01800a
```
#01800a rgb(1,128,10)
```
#01930b
```
#01930b rgb(1,147,11)
```
#02a70d
```
#02a70d rgb(2,167,13)
```
#02ba0e
```
#02ba0e rgb(2,186,14)
```
#02ce10
```
#02ce10 rgb(2,206,16)
```
#02e111
```
#02e111 rgb(2,225,17)
```
#02f513
```
#02f513 rgb(2,245,19)
```

Shade Color Variation

#0efd1e
```
#0efd1e rgb(14,253,30)
```
#21fd30
```
#21fd30 rgb(33,253,48)
```
#34fd42
```
#34fd42 rgb(52,253,66)
```
#48fd54
```
#48fd54 rgb(72,253,84)
```
#5bfe66
```
#5bfe66 rgb(91,254,102)
```
#6ffe79
```
#6ffe79 rgb(111,254,121)
```
#82fe8b
```
#82fe8b rgb(130,254,139)
```
#96fe9d
```
#96fe9d rgb(150,254,157)
```
#a9feaf
```
#a9feaf rgb(169,254,175)
```
#bdfec1
```
#bdfec1 rgb(189,254,193)
```
#d0ffd3
```
#d0ffd3 rgb(208,255,211)
```
#e3ffe5
```
#e3ffe5 rgb(227,255,229)
```
#f7fff7
```
#f7fff7 rgb(247,255,247)
```

Tint Color Variation

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

#889689
```
#889689 rgb(136,150,137)
```
#809e82
```
#809e82 rgb(128,158,130)
```
#77a77a
```
#77a77a rgb(119,167,122)
```
#6faf73
```
#6faf73 rgb(111,175,115)
```
#66b86c
```
#66b86c rgb(102,184,108)
```
#5dc164
```
#5dc164 rgb(93,193,100)
```
#55c95d
```
#55c95d rgb(85,201,93)
```
#4cd255
```
#4cd255 rgb(76,210,85)
```
#43db4e
```
#43db4e rgb(67,219,78)
```
#3be346
```
#3be346 rgb(59,227,70)
```
#32ec3f
```
#32ec3f rgb(50,236,63)
```
#2af437
```
#2af437 rgb(42,244,55)
```
#21fd30
```
#21fd30 rgb(33,253,48)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#8ab68d Atypical Achromatopsia 0.001% of the population

Dichromacy

#f7dd32 Protanopia 1% of men
#ffd69d Deuteranopia 1% of men
#7decfd Tritanopia 0.001% of the population

Trichromacy

#a9e831 Protanomaly 1% of men, 0.01% of women
#aee475 Deuteranomaly 6% of men, 0.4% of women
#5cf2b2 Tritanomaly 0.01% of the population

#21fd30 hex color

#21fd30 Color Information

#21fd30 Color Conversion

Color Schemes with #21fd30

Alternatives to #21fd30

#21fd30 Preview

Shades and Tints of #21fd30

Tones of #21fd30

Color Blindness Simulator