#84a696 hex color

In a RGB color space, hex #84a696 is composed of 51.8% red, 65.1% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 20.5% cyan, 0% magenta, 9.6% yellow and 34.9% black. It has a hue angle of 151.8 degrees, a saturation of 16% and a lightness of 58.4%. #84a696 color hex could be obtained by blending #ffffff with #094d2d. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 52
- G 65
- B 59
RGB color chart
- C 20
- M 0
- Y 10
- K 35
CMYK color chart

● #84a696 color description : Dark grayish cyan - lime green.

The hexadecimal color #84a696 has RGB values of R:132, G:166, B:150 and CMYK values of C:0.2, M:0, Y:0.1, K:0.35. Its decimal value is 8693398.

Hex triplet	84a696	`#84a696`
RGB Decimal	132, 166, 150	`rgb(132,166,150)`
RGB Percent	51.8, 65.1, 58.8	`rgb(51.8%,65.1%,58.8%)`
CMYK	20, 0, 10, 35
HSL	151.8°, 16, 58.4	`hsl(151.8,16%,58.4%)`
HSV (or HSB)	151.8°, 20.5, 65.1
Web Safe	999999	`#999999`

CIE-LAB	65.262, -15, 4.45
XYZ	28.656, 34.379, 33.979
xyY	0.295, 0.354, 34.379
CIE-LCH	65.262, 15.646, 163.477
CIE-LUV	65.262, -17.378, 8.844
Hunter-Lab	58.634, -15.372, 6.685
Binary	10000100, 10100110, 10010110

#84a696
```
#84a696 rgb(132,166,150)
```
#a68494
```
#a68494 rgb(166,132,148)
```

Complementary Color

#84a685
```
#84a685 rgb(132,166,133)
```
#84a696
```
#84a696 rgb(132,166,150)
```
#84a5a6
```
#84a5a6 rgb(132,165,166)
```

Analogous Color

#a68584
```
#a68584 rgb(166,133,132)
```
#84a696
```
#84a696 rgb(132,166,150)
```
#a684a5
```
#a684a5 rgb(166,132,165)
```

Split Complementary Color

#a69684
```
#a69684 rgb(166,150,132)
```
#84a696
```
#84a696 rgb(132,166,150)
```
#9684a6
```
#9684a6 rgb(150,132,166)
```

Triadic Color

#94a684
```
#94a684 rgb(148,166,132)
```
#84a696
```
#84a696 rgb(132,166,150)
```
#9684a6
```
#9684a6 rgb(150,132,166)
```
#a68494
```
#a68494 rgb(166,132,148)
```

Tetradic Color

#5d8170
```
#5d8170 rgb(93,129,112)
```
#688f7d
```
#688f7d rgb(104,143,125)
```
#759b89
```
#759b89 rgb(117,155,137)
```
#84a696
```
#84a696 rgb(132,166,150)
```
#93b1a3
```
#93b1a3 rgb(147,177,163)
```
#a2bbaf
```
#a2bbaf rgb(162,187,175)
```
#b0c6bc
```
#b0c6bc rgb(176,198,188)
```

Monochromatic Color

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

#84a68e
```
#84a68e rgb(132,166,142)
```
#84a690
```
#84a690 rgb(132,166,144)
```
#84a693
```
#84a693 rgb(132,166,147)
```
#84a696
```
#84a696 rgb(132,166,150)
```
#84a699
```
#84a699 rgb(132,166,153)
```
#84a69c
```
#84a69c rgb(132,166,156)
```
#84a69f
```
#84a69f rgb(132,166,159)
```

Similar Colors

Text with hexadecimal color #84a696

This text has a font color of #84a696.

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

#84a696 background color

This paragraph has a background color of #84a696.

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

#84a696 border color

This element has a border color of #84a696.

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

CSS codes

.text {color:#84a696;}

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

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

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

#020202
```
#020202 rgb(2,2,2)
```
#0a0e0c
```
#0a0e0c rgb(10,14,12)
```
#121916
```
#121916 rgb(18,25,22)
```
#1a2420
```
#1a2420 rgb(26,36,32)
```
#23302a
```
#23302a rgb(35,48,42)
```
#2b3b33
```
#2b3b33 rgb(43,59,51)
```
#33463d
```
#33463d rgb(51,70,61)
```
#3b5247
```
#3b5247 rgb(59,82,71)
```
#435d51
```
#435d51 rgb(67,93,81)
```
#4c695b
```
#4c695b rgb(76,105,91)
```
#547465
```
#547465 rgb(84,116,101)
```
#5c7f6f
```
#5c7f6f rgb(92,127,111)
```
#648b79
```
#648b79 rgb(100,139,121)
```

Shade Color Variation

#6d9683
```
#6d9683 rgb(109,150,131)
```
#799e8c
```
#799e8c rgb(121,158,140)
```
#84a696
```
#84a696 rgb(132,166,150)
```
#8faea0
```
#8faea0 rgb(143,174,160)
```
#9bb6a9
```
#9bb6a9 rgb(155,182,169)
```
#a6bfb3
```
#a6bfb3 rgb(166,191,179)
```
#b2c7bd
```
#b2c7bd rgb(178,199,189)
```
#bdcfc7
```
#bdcfc7 rgb(189,207,199)
```
#c8d7d0
```
#c8d7d0 rgb(200,215,208)
```
#d4e0da
```
#d4e0da rgb(212,224,218)
```
#dfe8e4
```
#dfe8e4 rgb(223,232,228)
```
#eaf0ed
```
#eaf0ed rgb(234,240,237)
```
#f6f8f7
```
#f6f8f7 rgb(246,248,247)
```

Tint Color Variation

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

#949695
```
#949695 rgb(148,150,149)
```
#8c9e96
```
#8c9e96 rgb(140,158,150)
```
#84a696
```
#84a696 rgb(132,166,150)
```
#7cae96
```
#7cae96 rgb(124,174,150)
```
#74b697
```
#74b697 rgb(116,182,151)
```
#6cbe97
```
#6cbe97 rgb(108,190,151)
```
#63c798
```
#63c798 rgb(99,199,152)
```
#5bcf98
```
#5bcf98 rgb(91,207,152)
```
#53d799
```
#53d799 rgb(83,215,153)
```
#4bdf99
```
#4bdf99 rgb(75,223,153)
```
#43e79a
```
#43e79a rgb(67,231,154)
```
#3bef9a
```
#3bef9a rgb(59,239,154)
```
#32f89b
```
#32f89b rgb(50,248,155)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#969c99 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9a297 Protanopia 1% of men
#b39e9f Deuteranopia 1% of men
#8fa7b3 Tritanopia 0.001% of the population

Trichromacy

#9ba397 Protanomaly 1% of men, 0.01% of women
#a2a19c Deuteranomaly 6% of men, 0.4% of women
#8ba6a8 Tritanomaly 0.01% of the population

#84a696 hex color

#84a696 Color Information

#84a696 Color Conversion

Color Schemes with #84a696

Alternatives to #84a696

#84a696 Preview

Shades and Tints of #84a696

Tones of #84a696

Color Blindness Simulator