#21bd60 hex color

In a RGB color space, hex #21bd60 is composed of 12.9% red, 74.1% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 82.5% cyan, 0% magenta, 49.2% yellow and 25.9% black. It has a hue angle of 144.2 degrees, a saturation of 70.3% and a lightness of 43.5%. #21bd60 color hex could be obtained by blending #42ffc0 with #007b00. Closest websafe color is: #33cc66.

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

● #21bd60 color description : Strong cyan - lime green.

The hexadecimal color #21bd60 has RGB values of R:33, G:189, B:96 and CMYK values of C:0.83, M:0, Y:0.49, K:0.26. Its decimal value is 2211168.

Hex triplet	21bd60	`#21bd60`
RGB Decimal	33, 189, 96	`rgb(33,189,96)`
RGB Percent	12.9, 74.1, 37.6	`rgb(12.9%,74.1%,37.6%)`
CMYK	83, 0, 49, 26
HSL	144.2°, 70.3, 43.5	`hsl(144.2,70.3%,43.5%)`
HSV (or HSB)	144.2°, 82.5, 74.1
Web Safe	33cc66	`#33cc66`

CIE-LAB	67.696, -58.8, 36.162
XYZ	20.935, 37.561, 17.212
xyY	0.277, 0.496, 37.561
CIE-LCH	67.696, 69.03, 148.408
CIE-LUV	67.696, -58.234, 55.617
Hunter-Lab	61.287, -46.279, 26.249
Binary	00100001, 10111101, 01100000

#21bd60
```
#21bd60 rgb(33,189,96)
```
#bd217e
```
#bd217e rgb(189,33,126)
```

Complementary Color

#30bd21
```
#30bd21 rgb(48,189,33)
```
#21bd60
```
#21bd60 rgb(33,189,96)
```
#21bdae
```
#21bdae rgb(33,189,174)
```

Analogous Color

#bd2130
```
#bd2130 rgb(189,33,48)
```
#21bd60
```
#21bd60 rgb(33,189,96)
```
#ae21bd
```
#ae21bd rgb(174,33,189)
```

Split Complementary Color

#bd6021
```
#bd6021 rgb(189,96,33)
```
#21bd60
```
#21bd60 rgb(33,189,96)
```
#6021bd
```
#6021bd rgb(96,33,189)
```

Triadic Color

#7ebd21
```
#7ebd21 rgb(126,189,33)
```
#21bd60
```
#21bd60 rgb(33,189,96)
```
#6021bd
```
#6021bd rgb(96,33,189)
```
#bd217e
```
#bd217e rgb(189,33,126)
```

Tetradic Color

#167c3f
```
#167c3f rgb(22,124,63)
```
#19924a
```
#19924a rgb(25,146,74)
```
#1da755
```
#1da755 rgb(29,167,85)
```
#21bd60
```
#21bd60 rgb(33,189,96)
```
#25d36b
```
#25d36b rgb(37,211,107)
```
#35dc78
```
#35dc78 rgb(53,220,120)
```
#4be087
```
#4be087 rgb(75,224,135)
```

Monochromatic Color

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

#21bd39
```
#21bd39 rgb(33,189,57)
```
#21bd46
```
#21bd46 rgb(33,189,70)
```
#21bd53
```
#21bd53 rgb(33,189,83)
```
#21bd60
```
#21bd60 rgb(33,189,96)
```
#21bd6d
```
#21bd6d rgb(33,189,109)
```
#21bd7a
```
#21bd7a rgb(33,189,122)
```
#21bd87
```
#21bd87 rgb(33,189,135)
```

Similar Colors

Text with hexadecimal color #21bd60

This text has a font color of #21bd60.

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

#21bd60 background color

This paragraph has a background color of #21bd60.

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

#21bd60 border color

This element has a border color of #21bd60.

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

CSS codes

.text {color:#21bd60;}

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

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

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

#010503
```
#010503 rgb(1,5,3)
```
#04160b
```
#04160b rgb(4,22,11)
```
#072714
```
#072714 rgb(7,39,20)
```
#0a371c
```
#0a371c rgb(10,55,28)
```
#0d4825
```
#0d4825 rgb(13,72,37)
```
#10592d
```
#10592d rgb(16,89,45)
```
#126a36
```
#126a36 rgb(18,106,54)
```
#157a3e
```
#157a3e rgb(21,122,62)
```
#188b47
```
#188b47 rgb(24,139,71)
```
#1b9c4f
```
#1b9c4f rgb(27,156,79)
```
#1eac58
```
#1eac58 rgb(30,172,88)
```
#21bd60
```
#21bd60 rgb(33,189,96)
```
#24ce68
```
#24ce68 rgb(36,206,104)
```

Shade Color Variation

#2bda72
```
#2bda72 rgb(43,218,114)
```
#3cdd7d
```
#3cdd7d rgb(60,221,125)
```
#4de088
```
#4de088 rgb(77,224,136)
```
#5de393
```
#5de393 rgb(93,227,147)
```
#6ee69e
```
#6ee69e rgb(110,230,158)
```
#7fe9a9
```
#7fe9a9 rgb(127,233,169)
```
#8fecb5
```
#8fecb5 rgb(143,236,181)
```
#a0eec0
```
#a0eec0 rgb(160,238,192)
```
#b1f1cb
```
#b1f1cb rgb(177,241,203)
```
#c2f4d6
```
#c2f4d6 rgb(194,244,214)
```
#d2f7e1
```
#d2f7e1 rgb(210,247,225)
```
#e3faec
```
#e3faec rgb(227,250,236)
```
#f4fdf7
```
#f4fdf7 rgb(244,253,247)
```

Tint Color Variation

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

#6e706f
```
#6e706f rgb(110,112,111)
```
#65796d
```
#65796d rgb(101,121,109)
```
#5d816b
```
#5d816b rgb(93,129,107)
```
#548a6a
```
#548a6a rgb(84,138,106)
```
#4c9268
```
#4c9268 rgb(76,146,104)
```
#439b67
```
#439b67 rgb(67,155,103)
```
#3ba365
```
#3ba365 rgb(59,163,101)
```
#32ac63
```
#32ac63 rgb(50,172,99)
```
#2ab462
```
#2ab462 rgb(42,180,98)
```
#21bd60
```
#21bd60 rgb(33,189,96)
```
#18c65e
```
#18c65e rgb(24,198,94)
```
#10ce5d
```
#10ce5d rgb(16,206,93)
```
#07d75b
```
#07d75b rgb(7,215,91)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#708f7d Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9a960 Protanopia 1% of men
#caa272 Deuteranopia 1% of men
#5cb6c3 Tritanopia 0.001% of the population

Trichromacy

#82b060 Protanomaly 1% of men, 0.01% of women
#8cac6c Deuteranomaly 6% of men, 0.4% of women
#46b89f Tritanomaly 0.01% of the population

#21bd60 hex color

#21bd60 Color Information

#21bd60 Color Conversion

Color Schemes with #21bd60

Alternatives to #21bd60

#21bd60 Preview

Shades and Tints of #21bd60

Tones of #21bd60

Color Blindness Simulator