#84c2a5 hex color

In a RGB color space, hex #84c2a5 is composed of 51.8% red, 76.1% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 32% cyan, 0% magenta, 14.9% yellow and 23.9% black. It has a hue angle of 151.9 degrees, a saturation of 33.7% and a lightness of 63.9%. #84c2a5 color hex could be obtained by blending #ffffff with #09854b. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 52
- G 76
- B 65
RGB color chart
- C 32
- M 0
- Y 15
- K 24
CMYK color chart

● #84c2a5 color description : Slightly desaturated cyan - lime green.

The hexadecimal color #84c2a5 has RGB values of R:132, G:194, B:165 and CMYK values of C:0.32, M:0, Y:0.15, K:0.24. Its decimal value is 8700581.

Hex triplet	84c2a5	`#84c2a5`
RGB Decimal	132, 194, 165	`rgb(132,194,165)`
RGB Percent	51.8, 76.1, 64.7	`rgb(51.8%,76.1%,64.7%)`
CMYK	32, 0, 15, 24
HSL	151.9°, 33.7, 63.9	`hsl(151.9,33.7%,63.9%)`
HSV (or HSB)	151.9°, 32, 76.1
Web Safe	99cc99	`#99cc99`

CIE-LAB	73.678, -26.134, 8.295
XYZ	35.597, 46.204, 42.638
xyY	0.286, 0.371, 46.204
CIE-LCH	73.678, 27.419, 162.39
CIE-LUV	73.678, -30.276, 16.407
Hunter-Lab	67.974, -25.475, 10.391
Binary	10000100, 11000010, 10100101

#84c2a5
```
#84c2a5 rgb(132,194,165)
```
#c284a1
```
#c284a1 rgb(194,132,161)
```

Complementary Color

#84c286
```
#84c286 rgb(132,194,134)
```
#84c2a5
```
#84c2a5 rgb(132,194,165)
```
#84c0c2
```
#84c0c2 rgb(132,192,194)
```

Analogous Color

#c28684
```
#c28684 rgb(194,134,132)
```
#84c2a5
```
#84c2a5 rgb(132,194,165)
```
#c284c0
```
#c284c0 rgb(194,132,192)
```

Split Complementary Color

#c2a584
```
#c2a584 rgb(194,165,132)
```
#84c2a5
```
#84c2a5 rgb(132,194,165)
```
#a584c2
```
#a584c2 rgb(165,132,194)
```

Triadic Color

#a1c284
```
#a1c284 rgb(161,194,132)
```
#84c2a5
```
#84c2a5 rgb(132,194,165)
```
#a584c2
```
#a584c2 rgb(165,132,194)
```
#c284a1
```
#c284a1 rgb(194,132,161)
```

Tetradic Color

#53a77f
```
#53a77f rgb(83,167,127)
```
#62b18c
```
#62b18c rgb(98,177,140)
```
#73ba99
```
#73ba99 rgb(115,186,153)
```
#84c2a5
```
#84c2a5 rgb(132,194,165)
```
#95cab1
```
#95cab1 rgb(149,202,177)
```
#a6d3be
```
#a6d3be rgb(166,211,190)
```
#b7dbca
```
#b7dbca rgb(183,219,202)
```

Monochromatic Color

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

#84c296
```
#84c296 rgb(132,194,150)
```
#84c29b
```
#84c29b rgb(132,194,155)
```
#84c2a0
```
#84c2a0 rgb(132,194,160)
```
#84c2a5
```
#84c2a5 rgb(132,194,165)
```
#84c2aa
```
#84c2aa rgb(132,194,170)
```
#84c2af
```
#84c2af rgb(132,194,175)
```
#84c2b5
```
#84c2b5 rgb(132,194,181)
```

Similar Colors

Text with hexadecimal color #84c2a5

This text has a font color of #84c2a5.

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

#84c2a5 background color

This paragraph has a background color of #84c2a5.

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

#84c2a5 border color

This element has a border color of #84c2a5.

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

CSS codes

.text {color:#84c2a5;}

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

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

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

#040806
```
#040806 rgb(4,8,6)
```
#0b1510
```
#0b1510 rgb(11,21,16)
```
#11221a
```
#11221a rgb(17,34,26)
```
#182f24
```
#182f24 rgb(24,47,36)
```
#1e3d2e
```
#1e3d2e rgb(30,61,46)
```
#254a38
```
#254a38 rgb(37,74,56)
```
#2b5742
```
#2b5742 rgb(43,87,66)
```
#32644c
```
#32644c rgb(50,100,76)
```
#387156
```
#387156 rgb(56,113,86)
```
#3f7e60
```
#3f7e60 rgb(63,126,96)
```
#458b6a
```
#458b6a rgb(69,139,106)
```
#4c9874
```
#4c9874 rgb(76,152,116)
```
#52a57e
```
#52a57e rgb(82,165,126)
```

Shade Color Variation

#5dae88
```
#5dae88 rgb(93,174,136)
```
#6ab592
```
#6ab592 rgb(106,181,146)
```
#77bb9b
```
#77bb9b rgb(119,187,155)
```
#84c2a5
```
#84c2a5 rgb(132,194,165)
```
#91c9af
```
#91c9af rgb(145,201,175)
```
#9ecfb8
```
#9ecfb8 rgb(158,207,184)
```
#abd6c2
```
#abd6c2 rgb(171,214,194)
```
#b8dccb
```
#b8dccb rgb(184,220,203)
```
#c6e3d5
```
#c6e3d5 rgb(198,227,213)
```
#d3e9df
```
#d3e9df rgb(211,233,223)
```
#e0f0e8
```
#e0f0e8 rgb(224,240,232)
```
#edf6f2
```
#edf6f2 rgb(237,246,242)
```
#fafdfb
```
#fafdfb rgb(250,253,251)
```

Tint Color Variation

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

#a0a6a3
```
#a0a6a3 rgb(160,166,163)
```
#99ada4
```
#99ada4 rgb(153,173,164)
```
#92b4a4
```
#92b4a4 rgb(146,180,164)
```
#8bbba5
```
#8bbba5 rgb(139,187,165)
```
#84c2a5
```
#84c2a5 rgb(132,194,165)
```
#7dc9a5
```
#7dc9a5 rgb(125,201,165)
```
#76d0a6
```
#76d0a6 rgb(118,208,166)
```
#6fd7a6
```
#6fd7a6 rgb(111,215,166)
```
#68dea7
```
#68dea7 rgb(104,222,167)
```
#61e5a7
```
#61e5a7 rgb(97,229,167)
```
#5aeca8
```
#5aeca8 rgb(90,236,168)
```
#52f4a8
```
#52f4a8 rgb(82,244,168)
```
#4bfba9
```
#4bfba9 rgb(75,251,169)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#a4b0ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1b8a3 Protanopia 1% of men
#cdb3af Deuteranopia 1% of men
#93bfcd Tritanopia 0.001% of the population

Trichromacy

#aabba4 Protanomaly 1% of men, 0.01% of women
#b2b8ab Deuteranomaly 6% of men, 0.4% of women
#8dc0be Tritanomaly 0.01% of the population

#84c2a5 hex color

#84c2a5 Color Information

#84c2a5 Color Conversion

Color Schemes with #84c2a5

Alternatives to #84c2a5

#84c2a5 Preview

Shades and Tints of #84c2a5

Tones of #84c2a5

Color Blindness Simulator