#84a895 hex color

In a RGB color space, hex #84a895 is composed of 51.8% red, 65.9% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 21.4% cyan, 0% magenta, 11.3% yellow and 34.1% black. It has a hue angle of 148.3 degrees, a saturation of 17.1% and a lightness of 58.8%. #84a895 color hex could be obtained by blending #ffffff with #09512b. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 52
- G 66
- B 58
RGB color chart
- C 21
- M 0
- Y 11
- K 34
CMYK color chart

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

The hexadecimal color #84a895 has RGB values of R:132, G:168, B:149 and CMYK values of C:0.21, M:0, Y:0.11, K:0.34. Its decimal value is 8693909.

Hex triplet	84a895	`#84a895`
RGB Decimal	132, 168, 149	`rgb(132,168,149)`
RGB Percent	51.8, 65.9, 58.4	`rgb(51.8%,65.9%,58.4%)`
CMYK	21, 0, 11, 34
HSL	148.3°, 17.1, 58.8	`hsl(148.3,17.1%,58.8%)`
HSV (or HSB)	148.3°, 21.4, 65.9
Web Safe	999999	`#999999`

CIE-LAB	65.811, -16.251, 5.796
XYZ	28.942, 35.08, 33.678
xyY	0.296, 0.359, 35.08
CIE-LCH	65.811, 17.254, 160.371
CIE-LUV	65.811, -18.319, 10.963
Hunter-Lab	59.228, -16.426, 7.746
Binary	10000100, 10101000, 10010101

#84a895
```
#84a895 rgb(132,168,149)
```
#a88497
```
#a88497 rgb(168,132,151)
```

Complementary Color

#85a884
```
#85a884 rgb(133,168,132)
```
#84a895
```
#84a895 rgb(132,168,149)
```
#84a8a7
```
#84a8a7 rgb(132,168,167)
```

Analogous Color

#a88485
```
#a88485 rgb(168,132,133)
```
#84a895
```
#84a895 rgb(132,168,149)
```
#a784a8
```
#a784a8 rgb(167,132,168)
```

Split Complementary Color

#a89584
```
#a89584 rgb(168,149,132)
```
#84a895
```
#84a895 rgb(132,168,149)
```
#9584a8
```
#9584a8 rgb(149,132,168)
```

Triadic Color

#97a884
```
#97a884 rgb(151,168,132)
```
#84a895
```
#84a895 rgb(132,168,149)
```
#9584a8
```
#9584a8 rgb(149,132,168)
```
#a88497
```
#a88497 rgb(168,132,151)
```

Tetradic Color

#5d836f
```
#5d836f rgb(93,131,111)
```
#67927b
```
#67927b rgb(103,146,123)
```
#759d88
```
#759d88 rgb(117,157,136)
```
#84a895
```
#84a895 rgb(132,168,149)
```
#93b3a2
```
#93b3a2 rgb(147,179,162)
```
#a2bdaf
```
#a2bdaf rgb(162,189,175)
```
#b1c8bc
```
#b1c8bc rgb(177,200,188)
```

Monochromatic Color

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

#84a88c
```
#84a88c rgb(132,168,140)
```
#84a88f
```
#84a88f rgb(132,168,143)
```
#84a892
```
#84a892 rgb(132,168,146)
```
#84a895
```
#84a895 rgb(132,168,149)
```
#84a898
```
#84a898 rgb(132,168,152)
```
#84a89b
```
#84a89b rgb(132,168,155)
```
#84a89e
```
#84a89e rgb(132,168,158)
```

Similar Colors

Text with hexadecimal color #84a895

This text has a font color of #84a895.

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

#84a895 background color

This paragraph has a background color of #84a895.

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

#84a895 border color

This element has a border color of #84a895.

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

CSS codes

.text {color:#84a895;}

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

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

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

#020303
```
#020303 rgb(2,3,3)
```
#0b0f0d
```
#0b0f0d rgb(11,15,13)
```
#131a16
```
#131a16 rgb(19,26,22)
```
#1b2620
```
#1b2620 rgb(27,38,32)
```
#23312a
```
#23312a rgb(35,49,42)
```
#2b3d33
```
#2b3d33 rgb(43,61,51)
```
#33483d
```
#33483d rgb(51,72,61)
```
#3b5447
```
#3b5447 rgb(59,84,71)
```
#435f51
```
#435f51 rgb(67,95,81)
```
#4c6b5a
```
#4c6b5a rgb(76,107,90)
```
#547664
```
#547664 rgb(84,118,100)
```
#5c826e
```
#5c826e rgb(92,130,110)
```
#648d77
```
#648d77 rgb(100,141,119)
```

Shade Color Variation

#6d9881
```
#6d9881 rgb(109,152,129)
```
#79a08b
```
#79a08b rgb(121,160,139)
```
#84a895
```
#84a895 rgb(132,168,149)
```
#8fb09f
```
#8fb09f rgb(143,176,159)
```
#9bb8a9
```
#9bb8a9 rgb(155,184,169)
```
#a6c0b3
```
#a6c0b3 rgb(166,192,179)
```
#b2c9bd
```
#b2c9bd rgb(178,201,189)
```
#bdd1c7
```
#bdd1c7 rgb(189,209,199)
```
#c9d9d0
```
#c9d9d0 rgb(201,217,208)
```
#d4e1da
```
#d4e1da rgb(212,225,218)
```
#e0e9e4
```
#e0e9e4 rgb(224,233,228)
```
#ebf1ee
```
#ebf1ee rgb(235,241,238)
```
#f7f9f8
```
#f7f9f8 rgb(247,249,248)
```

Tint Color Variation

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

#949896
```
#949896 rgb(148,152,150)
```
#8ca095
```
#8ca095 rgb(140,160,149)
```
#84a895
```
#84a895 rgb(132,168,149)
```
#7cb095
```
#7cb095 rgb(124,176,149)
```
#74b894
```
#74b894 rgb(116,184,148)
```
#6cc094
```
#6cc094 rgb(108,192,148)
```
#64c893
```
#64c893 rgb(100,200,147)
```
#5cd093
```
#5cd093 rgb(92,208,147)
```
#54d892
```
#54d892 rgb(84,216,146)
```
#4be192
```
#4be192 rgb(75,225,146)
```
#43e991
```
#43e991 rgb(67,233,145)
```
#3bf191
```
#3bf191 rgb(59,241,145)
```
#33f991
```
#33f991 rgb(51,249,145)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#969e9a Atypical Achromatopsia 0.001% of the population

Dichromacy

#aba496 Protanopia 1% of men
#b69f9e Deuteranopia 1% of men
#90a8b4 Tritanopia 0.001% of the population

Trichromacy

#9ca595 Protanomaly 1% of men, 0.01% of women
#a4a29b Deuteranomaly 6% of men, 0.4% of women
#8ba8a9 Tritanomaly 0.01% of the population

#84a895 hex color

#84a895 Color Information

#84a895 Color Conversion

Color Schemes with #84a895

Alternatives to #84a895

#84a895 Preview

Shades and Tints of #84a895

Tones of #84a895

Color Blindness Simulator