#84b5a2 hex color

In a RGB color space, hex #84b5a2 is composed of 51.8% red, 71% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 27.1% cyan, 0% magenta, 10.5% yellow and 29% black. It has a hue angle of 156.7 degrees, a saturation of 24.9% and a lightness of 61.4%. #84b5a2 color hex could be obtained by blending #ffffff with #096b45. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 52
- G 71
- B 64
RGB color chart
- C 27
- M 0
- Y 10
- K 29
CMYK color chart

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

The hexadecimal color #84b5a2 has RGB values of R:132, G:181, B:162 and CMYK values of C:0.27, M:0, Y:0.1, K:0.29. Its decimal value is 8697250.

Hex triplet	84b5a2	`#84b5a2`
RGB Decimal	132, 181, 162	`rgb(132,181,162)`
RGB Percent	51.8, 71, 63.5	`rgb(51.8%,71%,63.5%)`
CMYK	27, 0, 10, 29
HSL	156.7°, 24.9, 61.4	`hsl(156.7,24.9%,61.4%)`
HSV (or HSB)	156.7°, 27.1, 71
Web Safe	99cc99	`#99cc99`

CIE-LAB	69.867, -20.266, 4.457
XYZ	32.559, 40.561, 40.294
xyY	0.287, 0.358, 40.561
CIE-LCH	69.867, 20.75, 167.596
CIE-LUV	69.867, -24.424, 9.828
Hunter-Lab	63.687, -20.197, 7.069
Binary	10000100, 10110101, 10100010

#84b5a2
```
#84b5a2 rgb(132,181,162)
```
#b58497
```
#b58497 rgb(181,132,151)
```

Complementary Color

#84b58a
```
#84b58a rgb(132,181,138)
```
#84b5a2
```
#84b5a2 rgb(132,181,162)
```
#84b0b5
```
#84b0b5 rgb(132,176,181)
```

Analogous Color

#b58a84
```
#b58a84 rgb(181,138,132)
```
#84b5a2
```
#84b5a2 rgb(132,181,162)
```
#b584b0
```
#b584b0 rgb(181,132,176)
```

Split Complementary Color

#b5a284
```
#b5a284 rgb(181,162,132)
```
#84b5a2
```
#84b5a2 rgb(132,181,162)
```
#a284b5
```
#a284b5 rgb(162,132,181)
```

Triadic Color

#97b584
```
#97b584 rgb(151,181,132)
```
#84b5a2
```
#84b5a2 rgb(132,181,162)
```
#a284b5
```
#a284b5 rgb(162,132,181)
```
#b58497
```
#b58497 rgb(181,132,151)
```

Tetradic Color

#59947d
```
#59947d rgb(89,148,125)
```
#64a28a
```
#64a28a rgb(100,162,138)
```
#74ab96
```
#74ab96 rgb(116,171,150)
```
#84b5a2
```
#84b5a2 rgb(132,181,162)
```
#94bfae
```
#94bfae rgb(148,191,174)
```
#a4c8ba
```
#a4c8ba rgb(164,200,186)
```
#b4d2c6
```
#b4d2c6 rgb(180,210,198)
```

Monochromatic Color

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

#84b596
```
#84b596 rgb(132,181,150)
```
#84b59a
```
#84b59a rgb(132,181,154)
```
#84b59e
```
#84b59e rgb(132,181,158)
```
#84b5a2
```
#84b5a2 rgb(132,181,162)
```
#84b5a6
```
#84b5a6 rgb(132,181,166)
```
#84b5aa
```
#84b5aa rgb(132,181,170)
```
#84b5ae
```
#84b5ae rgb(132,181,174)
```

Similar Colors

Text with hexadecimal color #84b5a2

This text has a font color of #84b5a2.

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

#84b5a2 background color

This paragraph has a background color of #84b5a2.

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

#84b5a2 border color

This element has a border color of #84b5a2.

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

CSS codes

.text {color:#84b5a2;}

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

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

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, #070c0a is the darkest color, while #feffff is the lightest one.

#070c0a
```
#070c0a rgb(7,12,10)
```
#0e1814
```
#0e1814 rgb(14,24,20)
```
#16241f
```
#16241f rgb(22,36,31)
```
#1d3029
```
#1d3029 rgb(29,48,41)
```
#253d33
```
#253d33 rgb(37,61,51)
```
#2c493e
```
#2c493e rgb(44,73,62)
```
#335548
```
#335548 rgb(51,85,72)
```
#3b6152
```
#3b6152 rgb(59,97,82)
```
#426e5d
```
#426e5d rgb(66,110,93)
```
#497a67
```
#497a67 rgb(73,122,103)
```
#518671
```
#518671 rgb(81,134,113)
```
#58927c
```
#58927c rgb(88,146,124)
```
#5f9f86
```
#5f9f86 rgb(95,159,134)
```

Shade Color Variation

#6ca68f
```
#6ca68f rgb(108,166,143)
```
#78ae99
```
#78ae99 rgb(120,174,153)
```
#84b5a2
```
#84b5a2 rgb(132,181,162)
```
#90bcab
```
#90bcab rgb(144,188,171)
```
#9cc4b5
```
#9cc4b5 rgb(156,196,181)
```
#a9cbbe
```
#a9cbbe rgb(169,203,190)
```
#b5d2c7
```
#b5d2c7 rgb(181,210,199)
```
#c1dad0
```
#c1dad0 rgb(193,218,208)
```
#cde1da
```
#cde1da rgb(205,225,218)
```
#dae9e3
```
#dae9e3 rgb(218,233,227)
```
#e6f0ec
```
#e6f0ec rgb(230,240,236)
```
#f2f7f5
```
#f2f7f5 rgb(242,247,245)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9b9e9d is the less saturated color, while #40f9b1 is the most saturated one.

#9b9e9d
```
#9b9e9d rgb(155,158,157)
```
#93a69f
```
#93a69f rgb(147,166,159)
```
#8cada0
```
#8cada0 rgb(140,173,160)
```
#84b5a2
```
#84b5a2 rgb(132,181,162)
```
#7cbda4
```
#7cbda4 rgb(124,189,164)
```
#75c4a5
```
#75c4a5 rgb(117,196,165)
```
#6dcca7
```
#6dcca7 rgb(109,204,167)
```
#66d3a9
```
#66d3a9 rgb(102,211,169)
```
#5edbab
```
#5edbab rgb(94,219,171)
```
#57e2ac
```
#57e2ac rgb(87,226,172)
```
#4feaae
```
#4feaae rgb(79,234,174)
```
#47f2b0
```
#47f2b0 rgb(71,242,176)
```
#40f9b1
```
#40f9b1 rgb(64,249,177)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#9ea7a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5aea1 Protanopia 1% of men
#c0a9ab Deuteranopia 1% of men
#91b4c1 Tritanopia 0.001% of the population

Trichromacy

#a3b0a1 Protanomaly 1% of men, 0.01% of women
#aaada8 Deuteranomaly 6% of men, 0.4% of women
#8cb4b6 Tritanomaly 0.01% of the population

#84b5a2 hex color

#84b5a2 Color Information

#84b5a2 Color Conversion

Color Schemes with #84b5a2

Alternatives to #84b5a2

#84b5a2 Preview

Shades and Tints of #84b5a2

Tones of #84b5a2

Color Blindness Simulator