#21feb4 hex color

In a RGB color space, hex #21feb4 is composed of 12.9% red, 99.6% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 87% cyan, 0% magenta, 29.1% yellow and 0.4% black. It has a hue angle of 159.9 degrees, a saturation of 99.1% and a lightness of 56.3%. #21feb4 color hex could be obtained by blending #42ffff with #00fd69. Closest websafe color is: #33ffcc.

♥
- f
- t
- g
- R 13
- G 100
- B 71
RGB color chart
- C 87
- M 0
- Y 29
- K 0
CMYK color chart

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

The hexadecimal color #21feb4 has RGB values of R:33, G:254, B:180 and CMYK values of C:0.87, M:0, Y:0.29, K:0. Its decimal value is 2227892.

Hex triplet	21feb4	`#21feb4`
RGB Decimal	33, 254, 180	`rgb(33,254,180)`
RGB Percent	12.9, 99.6, 70.6	`rgb(12.9%,99.6%,70.6%)`
CMYK	87, 0, 29, 0
HSL	159.9°, 99.1, 56.3	`hsl(159.9,99.1%,56.3%)`
HSV (or HSB)	159.9°, 87, 99.6
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	89.157, -65.586, 21.81
XYZ	44.304, 74.498, 55.222
xyY	0.255, 0.428, 74.498
CIE-LCH	89.157, 69.118, 161.606
CIE-LUV	89.157, -74.571, 42.603
Hunter-Lab	86.312, -59.423, 22.485
Binary	00100001, 11111110, 10110100

#21feb4
```
#21feb4 rgb(33,254,180)
```
#fe216b
```
#fe216b rgb(254,33,107)
```

Complementary Color

#21fe45
```
#21fe45 rgb(33,254,69)
```
#21feb4
```
#21feb4 rgb(33,254,180)
```
#21dafe
```
#21dafe rgb(33,218,254)
```

Analogous Color

#fe4621
```
#fe4621 rgb(254,70,33)
```
#21feb4
```
#21feb4 rgb(33,254,180)
```
#fe21da
```
#fe21da rgb(254,33,218)
```

Split Complementary Color

#feb421
```
#feb421 rgb(254,180,33)
```
#21feb4
```
#21feb4 rgb(33,254,180)
```
#b421fe
```
#b421fe rgb(180,33,254)
```

Triadic Color

#6bfe21
```
#6bfe21 rgb(107,254,33)
```
#21feb4
```
#21feb4 rgb(33,254,180)
```
#b421fe
```
#b421fe rgb(180,33,254)
```
#fe216b
```
#fe216b rgb(254,33,107)
```

Tetradic Color

#01d28c
```
#01d28c rgb(1,210,140)
```
#01eb9d
```
#01eb9d rgb(1,235,157)
```
#08feab
```
#08feab rgb(8,254,171)
```
#21feb4
```
#21feb4 rgb(33,254,180)
```
#3afebd
```
#3afebd rgb(58,254,189)
```
#54fec5
```
#54fec5 rgb(84,254,197)
```
#6dfece
```
#6dfece rgb(109,254,206)
```

Monochromatic Color

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

#21fe7d
```
#21fe7d rgb(33,254,125)
```
#21fe8f
```
#21fe8f rgb(33,254,143)
```
#21fea2
```
#21fea2 rgb(33,254,162)
```
#21feb4
```
#21feb4 rgb(33,254,180)
```
#21fec6
```
#21fec6 rgb(33,254,198)
```
#21fed9
```
#21fed9 rgb(33,254,217)
```
#21feeb
```
#21feeb rgb(33,254,235)
```

Similar Colors

Text with hexadecimal color #21feb4

This text has a font color of #21feb4.

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

#21feb4 background color

This paragraph has a background color of #21feb4.

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

#21feb4 border color

This element has a border color of #21feb4.

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

CSS codes

.text {color:#21feb4;}

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

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

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

#000c08
```
#000c08 rgb(0,12,8)
```
#002015
```
#002015 rgb(0,32,21)
```
#003322
```
#003322 rgb(0,51,34)
```
#00472f
```
#00472f rgb(0,71,47)
```
#005a3c
```
#005a3c rgb(0,90,60)
```
#006e49
```
#006e49 rgb(0,110,73)
```
#018156
```
#018156 rgb(1,129,86)
```
#019563
```
#019563 rgb(1,149,99)
```
#01a970
```
#01a970 rgb(1,169,112)
```
#01bc7d
```
#01bc7d rgb(1,188,125)
```
#01d08a
```
#01d08a rgb(1,208,138)
```
#01e397
```
#01e397 rgb(1,227,151)
```
#01f7a4
```
#01f7a4 rgb(1,247,164)
```

Shade Color Variation

#0dfead
```
#0dfead rgb(13,254,173)
```
#21feb4
```
#21feb4 rgb(33,254,180)
```
#35febb
```
#35febb rgb(53,254,187)
```
#48fec1
```
#48fec1 rgb(72,254,193)
```
#5cfec8
```
#5cfec8 rgb(92,254,200)
```
#6ffece
```
#6ffece rgb(111,254,206)
```
#83fed5
```
#83fed5 rgb(131,254,213)
```
#96ffdc
```
#96ffdc rgb(150,255,220)
```
#aaffe2
```
#aaffe2 rgb(170,255,226)
```
#bdffe9
```
#bdffe9 rgb(189,255,233)
```
#d1ffef
```
#d1ffef rgb(209,255,239)
```
#e4fff6
```
#e4fff6 rgb(228,255,246)
```
#f8fffd
```
#f8fffd rgb(248,255,253)
```

Tint Color Variation

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

#889792
```
#889792 rgb(136,151,146)
```
#7fa095
```
#7fa095 rgb(127,160,149)
```
#77a898
```
#77a898 rgb(119,168,152)
```
#6eb19b
```
#6eb19b rgb(110,177,155)
```
#66b99d
```
#66b99d rgb(102,185,157)
```
#5dc2a0
```
#5dc2a0 rgb(93,194,160)
```
#54cba3
```
#54cba3 rgb(84,203,163)
```
#4cd3a6
```
#4cd3a6 rgb(76,211,166)
```
#43dca9
```
#43dca9 rgb(67,220,169)
```
#3be4ac
```
#3be4ac rgb(59,228,172)
```
#32edae
```
#32edae rgb(50,237,174)
```
#2af5b1
```
#2af5b1 rgb(42,245,177)
```
#21feb4
```
#21feb4 rgb(33,254,180)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#96c2b3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f1e1ab Protanopia 1% of men
#ffdac6 Deuteranopia 1% of men
#8ef0ff Tritanopia 0.001% of the population

Trichromacy

#a5ebae Protanomaly 1% of men, 0.01% of women
#aee7bf Deuteranomaly 6% of men, 0.4% of women
#66f5e3 Tritanomaly 0.01% of the population

#21feb4 hex color

#21feb4 Color Information

#21feb4 Color Conversion

Color Schemes with #21feb4

Alternatives to #21feb4

#21feb4 Preview

Shades and Tints of #21feb4

Tones of #21feb4

Color Blindness Simulator