#84f2a1 hex color

In a RGB color space, hex #84f2a1 is composed of 51.8% red, 94.9% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 45.5% cyan, 0% magenta, 33.5% yellow and 5.1% black. It has a hue angle of 135.8 degrees, a saturation of 80.9% and a lightness of 73.3%. #84f2a1 color hex could be obtained by blending #ffffff with #09e543. Closest websafe color is: #99ff99.

♥
- f
- t
- g
- R 52
- G 95
- B 63
RGB color chart
- C 45
- M 0
- Y 33
- K 5
CMYK color chart

● #84f2a1 color description : Soft cyan - lime green.

The hexadecimal color #84f2a1 has RGB values of R:132, G:242, B:161 and CMYK values of C:0.45, M:0, Y:0.33, K:0.05. Its decimal value is 8712865.

Hex triplet	84f2a1	`#84f2a1`
RGB Decimal	132, 242, 161	`rgb(132,242,161)`
RGB Percent	51.8, 94.9, 63.1	`rgb(51.8%,94.9%,63.1%)`
CMYK	45, 0, 33, 5
HSL	135.8°, 80.9, 73.3	`hsl(135.8,80.9%,73.3%)`
HSV (or HSB)	135.8°, 45.5, 94.9
Web Safe	99ff99	`#99ff99`

CIE-LAB	87.475, -48.678, 29.537
XYZ	47.698, 70.98, 44.903
xyY	0.292, 0.434, 70.98
CIE-LCH	87.475, 56.939, 148.751
CIE-LUV	87.475, -51.004, 49.928
Hunter-Lab	84.25, -46.378, 27.374
Binary	10000100, 11110010, 10100001

#84f2a1
```
#84f2a1 rgb(132,242,161)
```
#f284d5
```
#f284d5 rgb(242,132,213)
```

Complementary Color

#9ef284
```
#9ef284 rgb(158,242,132)
```
#84f2a1
```
#84f2a1 rgb(132,242,161)
```
#84f2d8
```
#84f2d8 rgb(132,242,216)
```

Analogous Color

#f2849e
```
#f2849e rgb(242,132,158)
```
#84f2a1
```
#84f2a1 rgb(132,242,161)
```
#d884f2
```
#d884f2 rgb(216,132,242)
```

Split Complementary Color

#f2a184
```
#f2a184 rgb(242,161,132)
```
#84f2a1
```
#84f2a1 rgb(132,242,161)
```
#a184f2
```
#a184f2 rgb(161,132,242)
```

Triadic Color

#d5f284
```
#d5f284 rgb(213,242,132)
```
#84f2a1
```
#84f2a1 rgb(132,242,161)
```
#a184f2
```
#a184f2 rgb(161,132,242)
```
#f284d5
```
#f284d5 rgb(242,132,213)
```

Tetradic Color

#3feb6c
```
#3feb6c rgb(63,235,108)
```
#56ed7e
```
#56ed7e rgb(86,237,126)
```
#6df08f
```
#6df08f rgb(109,240,143)
```
#84f2a1
```
#84f2a1 rgb(132,242,161)
```
#9bf4b3
```
#9bf4b3 rgb(155,244,179)
```
#b2f7c4
```
#b2f7c4 rgb(178,247,196)
```
#c9f9d6
```
#c9f9d6 rgb(201,249,214)
```

Monochromatic Color

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

#84f286
```
#84f286 rgb(132,242,134)
```
#84f28f
```
#84f28f rgb(132,242,143)
```
#84f298
```
#84f298 rgb(132,242,152)
```
#84f2a1
```
#84f2a1 rgb(132,242,161)
```
#84f2aa
```
#84f2aa rgb(132,242,170)
```
#84f2b3
```
#84f2b3 rgb(132,242,179)
```
#84f2bd
```
#84f2bd rgb(132,242,189)
```

Similar Colors

Text with hexadecimal color #84f2a1

This text has a font color of #84f2a1.

<span style="color:#84f2a1;">Text here</span>

#84f2a1 background color

This paragraph has a background color of #84f2a1.

<p style="background-color:#84f2a1;">Content here</p>

#84f2a1 border color

This element has a border color of #84f2a1.

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

CSS codes

.text {color:#84f2a1;}

.background {background-color:#84f2a1;}

.border {border:1px solid #84f2a1;}

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

#000100
```
#000100 rgb(0,1,0)
```
#021306
```
#021306 rgb(2,19,6)
```
#04250d
```
#04250d rgb(4,37,13)
```
#063613
```
#063613 rgb(6,54,19)
```
#084819
```
#084819 rgb(8,72,25)
```
#0a5a1f
```
#0a5a1f rgb(10,90,31)
```
#0b6c25
```
#0b6c25 rgb(11,108,37)
```
#0d7d2b
```
#0d7d2b rgb(13,125,43)
```
#0f8f31
```
#0f8f31 rgb(15,143,49)
```
#11a137
```
#11a137 rgb(17,161,55)
```
#13b33d
```
#13b33d rgb(19,179,61)
```
#15c443
```
#15c443 rgb(21,196,67)
```
#17d649
```
#17d649 rgb(23,214,73)
```

Shade Color Variation

#1ae750
```
#1ae750 rgb(26,231,80)
```
#2be95d
```
#2be95d rgb(43,233,93)
```
#3deb6b
```
#3deb6b rgb(61,235,107)
```
#4fec78
```
#4fec78 rgb(79,236,120)
```
#61ee86
```
#61ee86 rgb(97,238,134)
```
#72f093
```
#72f093 rgb(114,240,147)
```
#84f2a1
```
#84f2a1 rgb(132,242,161)
```
#96f4af
```
#96f4af rgb(150,244,175)
```
#a7f6bc
```
#a7f6bc rgb(167,246,188)
```
#b9f8ca
```
#b9f8ca rgb(185,248,202)
```
#cbfad7
```
#cbfad7 rgb(203,250,215)
```
#ddfbe5
```
#ddfbe5 rgb(221,251,229)
```
#eefdf2
```
#eefdf2 rgb(238,253,242)
```

Tint Color Variation

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

#b8beba
```
#b8beba rgb(184,190,186)
```
#b3c3b7
```
#b3c3b7 rgb(179,195,183)
```
#aec8b5
```
#aec8b5 rgb(174,200,181)
```
#a9cdb2
```
#a9cdb2 rgb(169,205,178)
```
#a3d3b0
```
#a3d3b0 rgb(163,211,176)
```
#9ed8ad
```
#9ed8ad rgb(158,216,173)
```
#99ddab
```
#99ddab rgb(153,221,171)
```
#94e2a8
```
#94e2a8 rgb(148,226,168)
```
#8ee8a6
```
#8ee8a6 rgb(142,232,166)
```
#89eda3
```
#89eda3 rgb(137,237,163)
```
#84f2a1
```
#84f2a1 rgb(132,242,161)
```
#7ff79f
```
#7ff79f rgb(127,247,159)
```
#7afc9c
```
#7afc9c rgb(122,252,156)
```

Tone Color Variation

Below, you can see how #84f2a1 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

#c8c8c8 Achromatopsia 0.005% of the population
#bad0c0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#eedc9d Protanopia 1% of men
#ffd5b3 Deuteranopia 1% of men
#a1e8f8 Tritanopia 0.001% of the population

Trichromacy

#c7e49e Protanomaly 1% of men, 0.01% of women
#d2dfac Deuteranomaly 6% of men, 0.4% of women
#96ebd8 Tritanomaly 0.01% of the population

#84f2a1 hex color

#84f2a1 Color Information

#84f2a1 Color Conversion

Color Schemes with #84f2a1

Alternatives to #84f2a1

#84f2a1 Preview

Shades and Tints of #84f2a1

Tones of #84f2a1

Color Blindness Simulator