#84af9f hex color

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

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

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

The hexadecimal color #84af9f has RGB values of R:132, G:175, B:159 and CMYK values of C:0.25, M:0, Y:0.09, K:0.31. Its decimal value is 8695711.

Hex triplet	84af9f	`#84af9f`
RGB Decimal	132, 175, 159	`rgb(132,175,159)`
RGB Percent	51.8, 68.6, 62.4	`rgb(51.8%,68.6%,62.4%)`
CMYK	25, 0, 9, 31
HSL	157.7°, 21.2, 60.2	`hsl(157.7,21.2%,60.2%)`
HSV (or HSB)	157.7°, 24.6, 68.6
Web Safe	999999	`#999999`

CIE-LAB	68.07, -17.821, 3.513
XYZ	31.102, 38.068, 38.508
xyY	0.289, 0.354, 38.068
CIE-LCH	68.07, 18.164, 168.849
CIE-LUV	68.07, -21.665, 8.029
Hunter-Lab	61.699, -17.992, 6.185
Binary	10000100, 10101111, 10011111

#84af9f
```
#84af9f rgb(132,175,159)
```
#af8494
```
#af8494 rgb(175,132,148)
```

Complementary Color

#84af8a
```
#84af8a rgb(132,175,138)
```
#84af9f
```
#84af9f rgb(132,175,159)
```
#84aaaf
```
#84aaaf rgb(132,170,175)
```

Analogous Color

#af8a84
```
#af8a84 rgb(175,138,132)
```
#84af9f
```
#84af9f rgb(132,175,159)
```
#af84aa
```
#af84aa rgb(175,132,170)
```

Split Complementary Color

#af9f84
```
#af9f84 rgb(175,159,132)
```
#84af9f
```
#84af9f rgb(132,175,159)
```
#9f84af
```
#9f84af rgb(159,132,175)
```

Triadic Color

#94af84
```
#94af84 rgb(148,175,132)
```
#84af9f
```
#84af9f rgb(132,175,159)
```
#9f84af
```
#9f84af rgb(159,132,175)
```
#af8494
```
#af8494 rgb(175,132,148)
```

Tetradic Color

#5b8c79
```
#5b8c79 rgb(91,140,121)
```
#659b87
```
#659b87 rgb(101,155,135)
```
#75a593
```
#75a593 rgb(117,165,147)
```
#84af9f
```
#84af9f rgb(132,175,159)
```
#93b9ab
```
#93b9ab rgb(147,185,171)
```
#a3c3b7
```
#a3c3b7 rgb(163,195,183)
```
#b2cdc3
```
#b2cdc3 rgb(178,205,195)
```

Monochromatic Color

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

#84af94
```
#84af94 rgb(132,175,148)
```
#84af98
```
#84af98 rgb(132,175,152)
```
#84af9b
```
#84af9b rgb(132,175,155)
```
#84af9f
```
#84af9f rgb(132,175,159)
```
#84afa3
```
#84afa3 rgb(132,175,163)
```
#84afa6
```
#84afa6 rgb(132,175,166)
```
#84afaa
```
#84afaa rgb(132,175,170)
```

Similar Colors

Text with hexadecimal color #84af9f

This text has a font color of #84af9f.

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

#84af9f background color

This paragraph has a background color of #84af9f.

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

#84af9f border color

This element has a border color of #84af9f.

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

CSS codes

.text {color:#84af9f;}

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

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

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)
```
#0d1411
```
#0d1411 rgb(13,20,17)
```
#14201b
```
#14201b rgb(20,32,27)
```
#1c2b26
```
#1c2b26 rgb(28,43,38)
```
#243730
```
#243730 rgb(36,55,48)
```
#2c433a
```
#2c433a rgb(44,67,58)
```
#334f45
```
#334f45 rgb(51,79,69)
```
#3b5b4f
```
#3b5b4f rgb(59,91,79)
```
#436759
```
#436759 rgb(67,103,89)
```
#4b7364
```
#4b7364 rgb(75,115,100)
```
#527f6e
```
#527f6e rgb(82,127,110)
```
#5a8a78
```
#5a8a78 rgb(90,138,120)
```
#629683
```
#629683 rgb(98,150,131)
```

Shade Color Variation

#6ca08c
```
#6ca08c rgb(108,160,140)
```
#78a796
```
#78a796 rgb(120,167,150)
```
#84af9f
```
#84af9f rgb(132,175,159)
```
#90b7a8
```
#90b7a8 rgb(144,183,168)
```
#9cbeb2
```
#9cbeb2 rgb(156,190,178)
```
#a8c6bb
```
#a8c6bb rgb(168,198,187)
```
#b4cec4
```
#b4cec4 rgb(180,206,196)
```
#bfd6cd
```
#bfd6cd rgb(191,214,205)
```
#cbddd7
```
#cbddd7 rgb(203,221,215)
```
#d7e5e0
```
#d7e5e0 rgb(215,229,224)
```
#e3ede9
```
#e3ede9 rgb(227,237,233)
```
#eff5f2
```
#eff5f2 rgb(239,245,242)
```
#fbfcfc
```
#fbfcfc rgb(251,252,252)
```

Tint Color Variation

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

#949f9b
```
#949f9b rgb(148,159,155)
```
#8ca79d
```
#8ca79d rgb(140,167,157)
```
#84af9f
```
#84af9f rgb(132,175,159)
```
#7cb7a1
```
#7cb7a1 rgb(124,183,161)
```
#74bfa3
```
#74bfa3 rgb(116,191,163)
```
#6dc6a5
```
#6dc6a5 rgb(109,198,165)
```
#65cea7
```
#65cea7 rgb(101,206,167)
```
#5dd6a9
```
#5dd6a9 rgb(93,214,169)
```
#55deab
```
#55deab rgb(85,222,171)
```
#4de6ad
```
#4de6ad rgb(77,230,173)
```
#46edaf
```
#46edaf rgb(70,237,175)
```
#3ef5b1
```
#3ef5b1 rgb(62,245,177)
```
#36fdb3
```
#36fdb3 rgb(54,253,179)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#9aa3a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b0a99f Protanopia 1% of men
#baa5a8 Deuteranopia 1% of men
#90afbc Tritanopia 0.001% of the population

Trichromacy

#a0ab9f Protanomaly 1% of men, 0.01% of women
#a6a8a5 Deuteranomaly 6% of men, 0.4% of women
#8bafb1 Tritanomaly 0.01% of the population

#84af9f hex color

#84af9f Color Information

#84af9f Color Conversion

Color Schemes with #84af9f

Alternatives to #84af9f

#84af9f Preview

Shades and Tints of #84af9f

Tones of #84af9f

Color Blindness Simulator