#84b0aa hex color

In a RGB color space, hex #84b0aa is composed of 51.8% red, 69% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 25% cyan, 0% magenta, 3.4% yellow and 31% black. It has a hue angle of 171.8 degrees, a saturation of 21.8% and a lightness of 60.4%. #84b0aa color hex could be obtained by blending #ffffff with #096155. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 52
- G 69
- B 67
RGB color chart
- C 25
- M 0
- Y 3
- K 31
CMYK color chart

● #84b0aa color description : Dark grayish cyan.

The hexadecimal color #84b0aa has RGB values of R:132, G:176, B:170 and CMYK values of C:0.25, M:0, Y:0.03, K:0.31. Its decimal value is 8695978.

Hex triplet	84b0aa	`#84b0aa`
RGB Decimal	132, 176, 170	`rgb(132,176,170)`
RGB Percent	51.8, 69, 66.7	`rgb(51.8%,69%,66.7%)`
CMYK	25, 0, 3, 31
HSL	171.8°, 21.8, 60.4	`hsl(171.8,21.8%,60.4%)`
HSV (or HSB)	171.8°, 25, 69
Web Safe	999999	`#999999`

CIE-LAB	68.648, -15.96, -1.724
XYZ	32.295, 38.857, 43.827
xyY	0.281, 0.338, 38.857
CIE-LCH	68.648, 16.053, 186.167
CIE-LUV	68.648, -22.153, 0.048
Hunter-Lab	62.336, -16.61, 1.95
Binary	10000100, 10110000, 10101010

#84b0aa
```
#84b0aa rgb(132,176,170)
```
#b0848a
```
#b0848a rgb(176,132,138)
```

Complementary Color

#84b094
```
#84b094 rgb(132,176,148)
```
#84b0aa
```
#84b0aa rgb(132,176,170)
```
#84a0b0
```
#84a0b0 rgb(132,160,176)
```

Analogous Color

#b09484
```
#b09484 rgb(176,148,132)
```
#84b0aa
```
#84b0aa rgb(132,176,170)
```
#b084a0
```
#b084a0 rgb(176,132,160)
```

Split Complementary Color

#b0aa84
```
#b0aa84 rgb(176,170,132)
```
#84b0aa
```
#84b0aa rgb(132,176,170)
```
#aa84b0
```
#aa84b0 rgb(170,132,176)
```

Triadic Color

#8ab084
```
#8ab084 rgb(138,176,132)
```
#84b0aa
```
#84b0aa rgb(132,176,170)
```
#aa84b0
```
#aa84b0 rgb(170,132,176)
```
#b0848a
```
#b0848a rgb(176,132,138)
```

Tetradic Color

#5b8d86
```
#5b8d86 rgb(91,141,134)
```
#659c95
```
#659c95 rgb(101,156,149)
```
#74a69f
```
#74a69f rgb(116,166,159)
```
#84b0aa
```
#84b0aa rgb(132,176,170)
```
#94bab5
```
#94bab5 rgb(148,186,181)
```
#a3c4bf
```
#a3c4bf rgb(163,196,191)
```
#b3ceca
```
#b3ceca rgb(179,206,202)
```

Monochromatic Color

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

#84b09f
```
#84b09f rgb(132,176,159)
```
#84b0a3
```
#84b0a3 rgb(132,176,163)
```
#84b0a6
```
#84b0a6 rgb(132,176,166)
```
#84b0aa
```
#84b0aa rgb(132,176,170)
```
#84b0ae
```
#84b0ae rgb(132,176,174)
```
#84afb0
```
#84afb0 rgb(132,175,176)
```
#84abb0
```
#84abb0 rgb(132,171,176)
```

Similar Colors

Text with hexadecimal color #84b0aa

This text has a font color of #84b0aa.

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

#84b0aa background color

This paragraph has a background color of #84b0aa.

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

#84b0aa border color

This element has a border color of #84b0aa.

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

CSS codes

.text {color:#84b0aa;}

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

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

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

#050808
```
#050808 rgb(5,8,8)
```
#0d1413
```
#0d1413 rgb(13,20,19)
```
#15201f
```
#15201f rgb(21,32,31)
```
#1c2c2a
```
#1c2c2a rgb(28,44,42)
```
#243835
```
#243835 rgb(36,56,53)
```
#2c4441
```
#2c4441 rgb(44,68,65)
```
#33504c
```
#33504c rgb(51,80,76)
```
#3b5c58
```
#3b5c58 rgb(59,92,88)
```
#436863
```
#436863 rgb(67,104,99)
```
#4a746e
```
#4a746e rgb(74,116,110)
```
#52807a
```
#52807a rgb(82,128,122)
```
#5a8c85
```
#5a8c85 rgb(90,140,133)
```
#619890
```
#619890 rgb(97,152,144)
```

Shade Color Variation

#6ca199
```
#6ca199 rgb(108,161,153)
```
#78a8a2
```
#78a8a2 rgb(120,168,162)
```
#84b0aa
```
#84b0aa rgb(132,176,170)
```
#90b8b2
```
#90b8b2 rgb(144,184,178)
```
#9cbfbb
```
#9cbfbb rgb(156,191,187)
```
#a8c7c3
```
#a8c7c3 rgb(168,199,195)
```
#b4cfcb
```
#b4cfcb rgb(180,207,203)
```
#c0d6d3
```
#c0d6d3 rgb(192,214,211)
```
#ccdedc
```
#ccdedc rgb(204,222,220)
```
#d8e6e4
```
#d8e6e4 rgb(216,230,228)
```
#e4edec
```
#e4edec rgb(228,237,236)
```
#eff5f4
```
#eff5f4 rgb(239,245,244)
```
#fbfdfd
```
#fbfdfd rgb(251,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #94a09f is the less saturated color, while #36fee3 is the most saturated one.

#94a09f
```
#94a09f rgb(148,160,159)
```
#8ca8a4
```
#8ca8a4 rgb(140,168,164)
```
#84b0aa
```
#84b0aa rgb(132,176,170)
```
#7cb8b0
```
#7cb8b0 rgb(124,184,176)
```
#74c0b5
```
#74c0b5 rgb(116,192,181)
```
#6dc7bb
```
#6dc7bb rgb(109,199,187)
```
#65cfc1
```
#65cfc1 rgb(101,207,193)
```
#5dd7c6
```
#5dd7c6 rgb(93,215,198)
```
#55dfcc
```
#55dfcc rgb(85,223,204)
```
#4ee6d2
```
#4ee6d2 rgb(78,230,210)
```
#46eed7
```
#46eed7 rgb(70,238,215)
```
#3ef6dd
```
#3ef6dd rgb(62,246,221)
```
#36fee3
```
#36fee3 rgb(54,254,227)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#9ca5a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#afaba9 Protanopia 1% of men
#b8a7b2 Deuteranopia 1% of men
#8eb1be Tritanopia 0.001% of the population

Trichromacy

#9faca9 Protanomaly 1% of men, 0.01% of women
#a5aaaf Deuteranomaly 6% of men, 0.4% of women
#8ab1b6 Tritanomaly 0.01% of the population

#84b0aa hex color

#84b0aa Color Information

#84b0aa Color Conversion

Color Schemes with #84b0aa

Alternatives to #84b0aa

#84b0aa Preview

Shades and Tints of #84b0aa

Tones of #84b0aa

Color Blindness Simulator