#84b7aa hex color

In a RGB color space, hex #84b7aa is composed of 51.8% red, 71.8% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 27.9% cyan, 0% magenta, 7.1% yellow and 28.2% black. It has a hue angle of 164.7 degrees, a saturation of 26.2% and a lightness of 61.8%. #84b7aa color hex could be obtained by blending #ffffff with #096f55. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 52
- G 72
- B 67
RGB color chart
- C 28
- M 0
- Y 7
- K 28
CMYK color chart

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

The hexadecimal color #84b7aa has RGB values of R:132, G:183, B:170 and CMYK values of C:0.28, M:0, Y:0.07, K:0.28. Its decimal value is 8697770.

Hex triplet	84b7aa	`#84b7aa`
RGB Decimal	132, 183, 170	`rgb(132,183,170)`
RGB Percent	51.8, 71.8, 66.7	`rgb(51.8%,71.8%,66.7%)`
CMYK	28, 0, 7, 28
HSL	164.7°, 26.2, 61.8	`hsl(164.7,26.2%,61.8%)`
HSV (or HSB)	164.7°, 27.9, 71.8
Web Safe	99cc99	`#99cc99`

CIE-LAB	70.645, -19.571, 1.194
XYZ	33.703, 41.674, 44.296
xyY	0.282, 0.348, 41.674
CIE-LCH	70.645, 19.608, 176.509
CIE-LUV	70.645, -25.308, 4.968
Hunter-Lab	64.555, -19.78, 4.505
Binary	10000100, 10110111, 10101010

#84b7aa
```
#84b7aa rgb(132,183,170)
```
#b78491
```
#b78491 rgb(183,132,145)
```

Complementary Color

#84b791
```
#84b791 rgb(132,183,145)
```
#84b7aa
```
#84b7aa rgb(132,183,170)
```
#84abb7
```
#84abb7 rgb(132,171,183)
```

Analogous Color

#b79184
```
#b79184 rgb(183,145,132)
```
#84b7aa
```
#84b7aa rgb(132,183,170)
```
#b784ab
```
#b784ab rgb(183,132,171)
```

Split Complementary Color

#b7aa84
```
#b7aa84 rgb(183,170,132)
```
#84b7aa
```
#84b7aa rgb(132,183,170)
```
#aa84b7
```
#aa84b7 rgb(170,132,183)
```

Triadic Color

#91b784
```
#91b784 rgb(145,183,132)
```
#84b7aa
```
#84b7aa rgb(132,183,170)
```
#aa84b7
```
#aa84b7 rgb(170,132,183)
```
#b78491
```
#b78491 rgb(183,132,145)
```

Tetradic Color

#589687
```
#589687 rgb(88,150,135)
```
#64a494
```
#64a494 rgb(100,164,148)
```
#74ae9f
```
#74ae9f rgb(116,174,159)
```
#84b7aa
```
#84b7aa rgb(132,183,170)
```
#94c0b5
```
#94c0b5 rgb(148,192,181)
```
#a4cac0
```
#a4cac0 rgb(164,202,192)
```
#b4d3cb
```
#b4d3cb rgb(180,211,203)
```

Monochromatic Color

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

#84b79d
```
#84b79d rgb(132,183,157)
```
#84b7a2
```
#84b7a2 rgb(132,183,162)
```
#84b7a6
```
#84b7a6 rgb(132,183,166)
```
#84b7aa
```
#84b7aa rgb(132,183,170)
```
#84b7ae
```
#84b7ae rgb(132,183,174)
```
#84b7b3
```
#84b7b3 rgb(132,183,179)
```
#84b7b7
```
#84b7b7 rgb(132,183,183)
```

Similar Colors

Text with hexadecimal color #84b7aa

This text has a font color of #84b7aa.

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

#84b7aa background color

This paragraph has a background color of #84b7aa.

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

#84b7aa border color

This element has a border color of #84b7aa.

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

CSS codes

.text {color:#84b7aa;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#080d0c
```
#080d0c rgb(8,13,12)
```
#0f1917
```
#0f1917 rgb(15,25,23)
```
#162622
```
#162622 rgb(22,38,34)
```
#1d322d
```
#1d322d rgb(29,50,45)
```
#253f38
```
#253f38 rgb(37,63,56)
```
#2c4b43
```
#2c4b43 rgb(44,75,67)
```
#33574e
```
#33574e rgb(51,87,78)
```
#3a6459
```
#3a6459 rgb(58,100,89)
```
#427064
```
#427064 rgb(66,112,100)
```
#497c6f
```
#497c6f rgb(73,124,111)
```
#50897a
```
#50897a rgb(80,137,122)
```
#579585
```
#579585 rgb(87,149,133)
```

Shade Color Variation

#5fa190
```
#5fa190 rgb(95,161,144)
```
#6ba999
```
#6ba999 rgb(107,169,153)
```
#78b0a1
```
#78b0a1 rgb(120,176,161)
```
#84b7aa
```
#84b7aa rgb(132,183,170)
```
#90beb3
```
#90beb3 rgb(144,190,179)
```
#9dc5bb
```
#9dc5bb rgb(157,197,187)
```
#a9cdc4
```
#a9cdc4 rgb(169,205,196)
```
#b5d4cc
```
#b5d4cc rgb(181,212,204)
```
#c2dbd5
```
#c2dbd5 rgb(194,219,213)
```
#cee2dd
```
#cee2dd rgb(206,226,221)
```
#dbeae6
```
#dbeae6 rgb(219,234,230)
```
#e7f1ee
```
#e7f1ee rgb(231,241,238)
```
#f3f8f7
```
#f3f8f7 rgb(243,248,247)
```

Tint Color Variation

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

#9ba19f
```
#9ba19f rgb(155,161,159)
```
#93a8a3
```
#93a8a3 rgb(147,168,163)
```
#8cb0a6
```
#8cb0a6 rgb(140,176,166)
```
#84b7aa
```
#84b7aa rgb(132,183,170)
```
#7dbfae
```
#7dbfae rgb(125,191,174)
```
#75c6b1
```
#75c6b1 rgb(117,198,177)
```
#6eceb5
```
#6eceb5 rgb(110,206,181)
```
#66d5b9
```
#66d5b9 rgb(102,213,185)
```
#5fddbc
```
#5fddbc rgb(95,221,188)
```
#57e4c0
```
#57e4c0 rgb(87,228,192)
```
#50ecc4
```
#50ecc4 rgb(80,236,196)
```
#48f3c7
```
#48f3c7 rgb(72,243,199)
```
#41fbcb
```
#41fbcb rgb(65,251,203)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#9fa9a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6b0a9 Protanopia 1% of men
#c0abb3 Deuteranopia 1% of men
#90b7c4 Tritanopia 0.001% of the population

Trichromacy

#a3b2a9 Protanomaly 1% of men, 0.01% of women
#aaafaf Deuteranomaly 6% of men, 0.4% of women
#8bb7ba Tritanomaly 0.01% of the population

#84b7aa hex color

#84b7aa Color Information

#84b7aa Color Conversion

Color Schemes with #84b7aa

Alternatives to #84b7aa

#84b7aa Preview

Shades and Tints of #84b7aa

Tones of #84b7aa

Color Blindness Simulator