#84afa2 hex color

In a RGB color space, hex #84afa2 is composed of 51.8% red, 68.6% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 24.6% cyan, 0% magenta, 7.4% yellow and 31.4% black. It has a hue angle of 161.9 degrees, a saturation of 21.2% and a lightness of 60.2%. #84afa2 color hex could be obtained by blending #ffffff with #095f45. Closest websafe color is: #999999.

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

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

The hexadecimal color #84afa2 has RGB values of R:132, G:175, B:162 and CMYK values of C:0.25, M:0, Y:0.07, K:0.31. Its decimal value is 8695714.

Hex triplet	84afa2	`#84afa2`
RGB Decimal	132, 175, 162	`rgb(132,175,162)`
RGB Percent	51.8, 68.6, 63.5	`rgb(51.8%,68.6%,63.5%)`
CMYK	25, 0, 7, 31
HSL	161.9°, 21.2, 60.2	`hsl(161.9,21.2%,60.2%)`
HSV (or HSB)	161.9°, 24.6, 68.6
Web Safe	999999	`#999999`

CIE-LAB	68.148, -17.185, 1.967
XYZ	31.366, 38.173, 39.896
xyY	0.287, 0.349, 38.173
CIE-LCH	68.148, 17.297, 173.469
CIE-LUV	68.148, -21.674, 5.688
Hunter-Lab	61.784, -17.505, 4.964
Binary	10000100, 10101111, 10100010

#84afa2
```
#84afa2 rgb(132,175,162)
```
#af8491
```
#af8491 rgb(175,132,145)
```

Complementary Color

#84af8d
```
#84af8d rgb(132,175,141)
```
#84afa2
```
#84afa2 rgb(132,175,162)
```
#84a7af
```
#84a7af rgb(132,167,175)
```

Analogous Color

#af8d84
```
#af8d84 rgb(175,141,132)
```
#84afa2
```
#84afa2 rgb(132,175,162)
```
#af84a7
```
#af84a7 rgb(175,132,167)
```

Split Complementary Color

#afa284
```
#afa284 rgb(175,162,132)
```
#84afa2
```
#84afa2 rgb(132,175,162)
```
#a284af
```
#a284af rgb(162,132,175)
```

Triadic Color

#91af84
```
#91af84 rgb(145,175,132)
```
#84afa2
```
#84afa2 rgb(132,175,162)
```
#a284af
```
#a284af rgb(162,132,175)
```
#af8491
```
#af8491 rgb(175,132,145)
```

Tetradic Color

#5b8c7d
```
#5b8c7d rgb(91,140,125)
```
#659b8b
```
#659b8b rgb(101,155,139)
```
#75a596
```
#75a596 rgb(117,165,150)
```
#84afa2
```
#84afa2 rgb(132,175,162)
```
#93b9ae
```
#93b9ae rgb(147,185,174)
```
#a3c3b9
```
#a3c3b9 rgb(163,195,185)
```
#b2cdc5
```
#b2cdc5 rgb(178,205,197)
```

Monochromatic Color

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

#84af97
```
#84af97 rgb(132,175,151)
```
#84af9b
```
#84af9b rgb(132,175,155)
```
#84af9e
```
#84af9e rgb(132,175,158)
```
#84afa2
```
#84afa2 rgb(132,175,162)
```
#84afa6
```
#84afa6 rgb(132,175,166)
```
#84afa9
```
#84afa9 rgb(132,175,169)
```
#84afad
```
#84afad rgb(132,175,173)
```

Similar Colors

Text with hexadecimal color #84afa2

This text has a font color of #84afa2.

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

#84afa2 background color

This paragraph has a background color of #84afa2.

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

#84afa2 border color

This element has a border color of #84afa2.

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

CSS codes

.text {color:#84afa2;}

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

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

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

#050807
```
#050807 rgb(5,8,7)
```
#0d1412
```
#0d1412 rgb(13,20,18)
```
#14201c
```
#14201c rgb(20,32,28)
```
#1c2b27
```
#1c2b27 rgb(28,43,39)
```
#243731
```
#243731 rgb(36,55,49)
```
#2c433c
```
#2c433c rgb(44,67,60)
```
#334f47
```
#334f47 rgb(51,79,71)
```
#3b5b51
```
#3b5b51 rgb(59,91,81)
```
#43675c
```
#43675c rgb(67,103,92)
```
#4b7367
```
#4b7367 rgb(75,115,103)
```
#527f71
```
#527f71 rgb(82,127,113)
```
#5a8a7c
```
#5a8a7c rgb(90,138,124)
```
#629686
```
#629686 rgb(98,150,134)
```

Shade Color Variation

#6ca090
```
#6ca090 rgb(108,160,144)
```
#78a799
```
#78a799 rgb(120,167,153)
```
#84afa2
```
#84afa2 rgb(132,175,162)
```
#90b7ab
```
#90b7ab rgb(144,183,171)
```
#9cbeb4
```
#9cbeb4 rgb(156,190,180)
```
#a8c6bd
```
#a8c6bd rgb(168,198,189)
```
#b4cec6
```
#b4cec6 rgb(180,206,198)
```
#bfd6cf
```
#bfd6cf rgb(191,214,207)
```
#cbddd8
```
#cbddd8 rgb(203,221,216)
```
#d7e5e1
```
#d7e5e1 rgb(215,229,225)
```
#e3edea
```
#e3edea rgb(227,237,234)
```
#eff5f3
```
#eff5f3 rgb(239,245,243)
```
#fbfcfc
```
#fbfcfc rgb(251,252,252)
```

Tint Color Variation

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

#949f9c
```
#949f9c rgb(148,159,156)
```
#8ca79f
```
#8ca79f rgb(140,167,159)
```
#84afa2
```
#84afa2 rgb(132,175,162)
```
#7cb7a5
```
#7cb7a5 rgb(124,183,165)
```
#74bfa8
```
#74bfa8 rgb(116,191,168)
```
#6dc6ab
```
#6dc6ab rgb(109,198,171)
```
#65ceae
```
#65ceae rgb(101,206,174)
```
#5dd6b1
```
#5dd6b1 rgb(93,214,177)
```
#55deb5
```
#55deb5 rgb(85,222,181)
```
#4de6b8
```
#4de6b8 rgb(77,230,184)
```
#46edbb
```
#46edbb rgb(70,237,187)
```
#3ef5be
```
#3ef5be rgb(62,245,190)
```
#36fdc1
```
#36fdc1 rgb(54,253,193)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#9ba4a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#afaaa2 Protanopia 1% of men
#baa5ab Deuteranopia 1% of men
#8fafbc Tritanopia 0.001% of the population

Trichromacy

#9faba2 Protanomaly 1% of men, 0.01% of women
#a6a9a7 Deuteranomaly 6% of men, 0.4% of women
#8bafb2 Tritanomaly 0.01% of the population

#84afa2 hex color

#84afa2 Color Information

#84afa2 Color Conversion

Color Schemes with #84afa2

Alternatives to #84afa2

#84afa2 Preview

Shades and Tints of #84afa2

Tones of #84afa2

Color Blindness Simulator