#21bc30 hex color

In a RGB color space, hex #21bc30 is composed of 12.9% red, 73.7% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 82.4% cyan, 0% magenta, 74.5% yellow and 26.3% black. It has a hue angle of 125.8 degrees, a saturation of 70.1% and a lightness of 43.3%. #21bc30 color hex could be obtained by blending #42ff60 with #007900. Closest websafe color is: #33cc33.

♥
- f
- t
- g
- R 13
- G 74
- B 19
RGB color chart
- C 82
- M 0
- Y 74
- K 26
CMYK color chart

● #21bc30 color description : Strong lime green.

The hexadecimal color #21bc30 has RGB values of R:33, G:188, B:48 and CMYK values of C:0.82, M:0, Y:0.74, K:0.26. Its decimal value is 2210864.

Hex triplet	21bc30	`#21bc30`
RGB Decimal	33, 188, 48	`rgb(33,188,48)`
RGB Percent	12.9, 73.7, 18.8	`rgb(12.9%,73.7%,18.8%)`
CMYK	82, 0, 74, 26
HSL	125.8°, 70.1, 43.3	`hsl(125.8,70.1%,43.3%)`
HSV (or HSB)	125.8°, 82.4, 73.7
Web Safe	33cc33	`#33cc33`

CIE-LAB	66.901, -64.248, 56.355
XYZ	19.143, 36.501, 8.833
xyY	0.297, 0.566, 36.501
CIE-LCH	66.901, 85.462, 138.744
CIE-LUV	66.901, -59.792, 74.357
Hunter-Lab	60.416, -49.171, 33.623
Binary	00100001, 10111100, 00110000

#21bc30
```
#21bc30 rgb(33,188,48)
```
#bc21ad
```
#bc21ad rgb(188,33,173)
```

Complementary Color

#5fbc21
```
#5fbc21 rgb(95,188,33)
```
#21bc30
```
#21bc30 rgb(33,188,48)
```
#21bc7e
```
#21bc7e rgb(33,188,126)
```

Analogous Color

#bc215f
```
#bc215f rgb(188,33,95)
```
#21bc30
```
#21bc30 rgb(33,188,48)
```
#7e21bc
```
#7e21bc rgb(126,33,188)
```

Split Complementary Color

#bc3021
```
#bc3021 rgb(188,48,33)
```
#21bc30
```
#21bc30 rgb(33,188,48)
```
#3021bc
```
#3021bc rgb(48,33,188)
```

Triadic Color

#adbc21
```
#adbc21 rgb(173,188,33)
```
#21bc30
```
#21bc30 rgb(33,188,48)
```
#3021bc
```
#3021bc rgb(48,33,188)
```
#bc21ad
```
#bc21ad rgb(188,33,173)
```

Tetradic Color

#167b1f
```
#167b1f rgb(22,123,31)
```
#199125
```
#199125 rgb(25,145,37)
```
#1da62a
```
#1da62a rgb(29,166,42)
```
#21bc30
```
#21bc30 rgb(33,188,48)
```
#25d236
```
#25d236 rgb(37,210,54)
```
#35db45
```
#35db45 rgb(53,219,69)
```
#4adf59
```
#4adf59 rgb(74,223,89)
```

Monochromatic Color

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

#39bc21
```
#39bc21 rgb(57,188,33)
```
#2cbc21
```
#2cbc21 rgb(44,188,33)
```
#21bc23
```
#21bc23 rgb(33,188,35)
```
#21bc30
```
#21bc30 rgb(33,188,48)
```
#21bc3d
```
#21bc3d rgb(33,188,61)
```
#21bc4a
```
#21bc4a rgb(33,188,74)
```
#21bc57
```
#21bc57 rgb(33,188,87)
```

Similar Colors

Text with hexadecimal color #21bc30

This text has a font color of #21bc30.

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

#21bc30 background color

This paragraph has a background color of #21bc30.

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

#21bc30 border color

This element has a border color of #21bc30.

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

CSS codes

.text {color:#21bc30;}

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

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

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 #f3fdf4 is the lightest one.

#010401
```
#010401 rgb(1,4,1)
```
#041505
```
#041505 rgb(4,21,5)
```
#07260a
```
#07260a rgb(7,38,10)
```
#0a370e
```
#0a370e rgb(10,55,14)
```
#0c4712
```
#0c4712 rgb(12,71,18)
```
#0f5816
```
#0f5816 rgb(15,88,22)
```
#12691b
```
#12691b rgb(18,105,27)
```
#15791f
```
#15791f rgb(21,121,31)
```
#188a23
```
#188a23 rgb(24,138,35)
```
#1b9b27
```
#1b9b27 rgb(27,155,39)
```
#1eab2c
```
#1eab2c rgb(30,171,44)
```
#21bc30
```
#21bc30 rgb(33,188,48)
```
#24cd34
```
#24cd34 rgb(36,205,52)
```

Shade Color Variation

#2bda3b
```
#2bda3b rgb(43,218,59)
```
#3bdd4b
```
#3bdd4b rgb(59,221,75)
```
#4ce05a
```
#4ce05a rgb(76,224,90)
```
#5de26a
```
#5de26a rgb(93,226,106)
```
#6de579
```
#6de579 rgb(109,229,121)
```
#7ee888
```
#7ee888 rgb(126,232,136)
```
#8feb98
```
#8feb98 rgb(143,235,152)
```
#9feea7
```
#9feea7 rgb(159,238,167)
```
#b0f1b6
```
#b0f1b6 rgb(176,241,182)
```
#c1f4c6
```
#c1f4c6 rgb(193,244,198)
```
#d1f7d5
```
#d1f7d5 rgb(209,247,213)
```
#e2fae4
```
#e2fae4 rgb(226,250,228)
```
#f3fdf4
```
#f3fdf4 rgb(243,253,244)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6e706e is the less saturated color, while #07d61b is the most saturated one.

#6e706e
```
#6e706e rgb(110,112,110)
```
#657867
```
#657867 rgb(101,120,103)
```
#5d8160
```
#5d8160 rgb(93,129,96)
```
#548959
```
#548959 rgb(84,137,89)
```
#4c9252
```
#4c9252 rgb(76,146,82)
```
#439a4b
```
#439a4b rgb(67,154,75)
```
#3ba345
```
#3ba345 rgb(59,163,69)
```
#32ab3e
```
#32ab3e rgb(50,171,62)
```
#2ab437
```
#2ab437 rgb(42,180,55)
```
#21bc30
```
#21bc30 rgb(33,188,48)
```
#19c529
```
#19c529 rgb(25,197,41)
```
#10cd22
```
#10cd22 rgb(16,205,34)
```
#07d61b
```
#07d61b rgb(7,214,27)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#6b8a6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#bba734 Protanopia 1% of men
#ce9f49 Deuteranopia 1% of men
#61b3c0 Tritanopia 0.001% of the population

Trichromacy

#83af32 Protanomaly 1% of men, 0.01% of women
#8faa40 Deuteranomaly 6% of men, 0.4% of women
#4ab68b Tritanomaly 0.01% of the population

#21bc30 hex color

#21bc30 Color Information

#21bc30 Color Conversion

Color Schemes with #21bc30

Alternatives to #21bc30

#21bc30 Preview

Shades and Tints of #21bc30

Tones of #21bc30

Color Blindness Simulator