colorhexa.com

#21cf30 hex color

In a RGB color space, hex #21cf30 is composed of 12.9% red, 81.2% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 84.1% cyan, 0% magenta, 76.8% yellow and 18.8% black. It has a hue angle of 125.2 degrees, a saturation of 72.5% and a lightness of 47.1%. #21cf30 color hex could be obtained by blending #42ff60 with #009f00. Closest websafe color is: #33cc33.

- R 13
- G 81
- B 19
RGB color chart
- C 84
- M 0
- Y 77
- K 19
CMYK color chart

● #21cf30 color description : Strong lime green.

The hexadecimal color #21cf30 has RGB values of R:33, G:207, B:48 and CMYK values of C:0.84, M:0, Y:0.77, K:0.19. Its decimal value is 2215728.

Hex triplet	21cf30	`#21cf30`
RGB Decimal	33, 207, 48	`rgb(33,207,48)`
RGB Percent	12.9, 81.2, 18.8	`rgb(12.9%,81.2%,18.8%)`
CMYK	84, 0, 77, 19
HSL	125.2°, 72.5, 47.1	`hsl(125.2,72.5%,47.1%)`
HSV (or HSB)	125.2°, 84.1, 81.2
Web Safe	33cc33	`#33cc33`

CIE-LAB	72.997, -69.912, 62.386
XYZ	23.472, 45.16, 10.276
xyY	0.297, 0.572, 45.16
CIE-LCH	72.997, 93.7, 138.256
CIE-LUV	72.997, -65.975, 82.69
Hunter-Lab	67.201, -55.255, 37.975
Binary	00100001, 11001111, 00110000

#21cf30
```
#21cf30 rgb(33,207,48)
```
#cf21c0
```
#cf21c0 rgb(207,33,192)
```

Complementary Color

#69cf21
```
#69cf21 rgb(105,207,33)
```
#21cf30
```
#21cf30 rgb(33,207,48)
```
#21cf87
```
#21cf87 rgb(33,207,135)
```

Analogous Color

#cf2169
```
#cf2169 rgb(207,33,105)
```
#21cf30
```
#21cf30 rgb(33,207,48)
```
#8721cf
```
#8721cf rgb(135,33,207)
```

Split Complementary Color

#cf3021
```
#cf3021 rgb(207,48,33)
```
#21cf30
```
#21cf30 rgb(33,207,48)
```
#3021cf
```
#3021cf rgb(48,33,207)
```

Triadic Color

#c0cf21
```
#c0cf21 rgb(192,207,33)
```
#21cf30
```
#21cf30 rgb(33,207,48)
```
#3021cf
```
#3021cf rgb(48,33,207)
```
#cf21c0
```
#cf21c0 rgb(207,33,192)
```

Tetradic Color

#168d21
```
#168d21 rgb(22,141,33)
```
#1aa326
```
#1aa326 rgb(26,163,38)
```
#1db92b
```
#1db92b rgb(29,185,43)
```
#21cf30
```
#21cf30 rgb(33,207,48)
```
#2cdd3b
```
#2cdd3b rgb(44,221,59)
```
#42e150
```
#42e150 rgb(66,225,80)
```
#58e464
```
#58e464 rgb(88,228,100)
```

Monochromatic Color

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

#3ecf21
```
#3ecf21 rgb(62,207,33)
```
#2fcf21
```
#2fcf21 rgb(47,207,33)
```
#21cf21
```
#21cf21 rgb(33,207,33)
```
#21cf30
```
#21cf30 rgb(33,207,48)
```
#21cf3f
```
#21cf3f rgb(33,207,63)
```
#21cf4d
```
#21cf4d rgb(33,207,77)
```
#21cf5b
```
#21cf5b rgb(33,207,91)
```

Similar Colors

Text with hexadecimal color #21cf30

This text has a font color of #21cf30.

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

#21cf30 background color

This paragraph has a background color of #21cf30.

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

#21cf30 border color

This element has a border color of #21cf30.

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

CSS codes

.text {color:#21cf30;}

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

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

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

#010401
```
#010401 rgb(1,4,1)
```
#031505
```
#031505 rgb(3,21,5)
```
#062609
```
#062609 rgb(6,38,9)
```
#09370d
```
#09370d rgb(9,55,13)
```
#0b4811
```
#0b4811 rgb(11,72,17)
```
#0e5915
```
#0e5915 rgb(14,89,21)
```
#116918
```
#116918 rgb(17,105,24)
```
#147a1c
```
#147a1c rgb(20,122,28)
```
#168b20
```
#168b20 rgb(22,139,32)
```
#199c24
```
#199c24 rgb(25,156,36)
```
#1cad28
```
#1cad28 rgb(28,173,40)
```
#1ebe2c
```
#1ebe2c rgb(30,190,44)
```
#21cf30
```
#21cf30 rgb(33,207,48)
```

Shade Color Variation

#27dd37
```
#27dd37 rgb(39,221,55)
```
#38df46
```
#38df46 rgb(56,223,70)
```
#49e256
```
#49e256 rgb(73,226,86)
```
#5ae566
```
#5ae566 rgb(90,229,102)
```
#6be775
```
#6be775 rgb(107,231,117)
```
#7cea85
```
#7cea85 rgb(124,234,133)
```
#8ded95
```
#8ded95 rgb(141,237,149)
```
#9defa5
```
#9defa5 rgb(157,239,165)
```
#aef2b4
```
#aef2b4 rgb(174,242,180)
```
#bff5c4
```
#bff5c4 rgb(191,245,196)
```
#d0f8d4
```
#d0f8d4 rgb(208,248,212)
```
#e1fae3
```
#e1fae3 rgb(225,250,227)
```
#f2fdf3
```
#f2fdf3 rgb(242,253,243)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #747c75 is the less saturated color, while #05eb19 is the most saturated one.

#747c75
```
#747c75 rgb(116,124,117)
```
#6b856d
```
#6b856d rgb(107,133,109)
```
#628e65
```
#628e65 rgb(98,142,101)
```
#58985e
```
#58985e rgb(88,152,94)
```
#4fa156
```
#4fa156 rgb(79,161,86)
```
#46aa4f
```
#46aa4f rgb(70,170,79)
```
#3db347
```
#3db347 rgb(61,179,71)
```
#33bd3f
```
#33bd3f rgb(51,189,63)
```
#2ac638
```
#2ac638 rgb(42,198,56)
```
#21cf30
```
#21cf30 rgb(33,207,48)
```
#18d828
```
#18d828 rgb(24,216,40)
```
#0fe121
```
#0fe121 rgb(15,225,33)
```
#05eb19
```
#05eb19 rgb(5,235,25)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#749777 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ccb733 Protanopia 1% of men
#e1ae4c Deuteranopia 1% of men
#69c4d2 Tritanopia 0.001% of the population

Trichromacy

#8ec032 Protanomaly 1% of men, 0.01% of women
#9bba42 Deuteranomaly 6% of men, 0.4% of women
#4fc897 Tritanomaly 0.01% of the population