#84c2af hex color

In a RGB color space, hex #84c2af is composed of 51.8% red, 76.1% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 32% cyan, 0% magenta, 9.8% yellow and 23.9% black. It has a hue angle of 161.6 degrees, a saturation of 33.7% and a lightness of 63.9%. #84c2af color hex could be obtained by blending #ffffff with #09855f. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 52
- G 76
- B 69
RGB color chart
- C 32
- M 0
- Y 10
- K 24
CMYK color chart

● #84c2af color description : Slightly desaturated cyan - lime green.

The hexadecimal color #84c2af has RGB values of R:132, G:194, B:175 and CMYK values of C:0.32, M:0, Y:0.1, K:0.24. Its decimal value is 8700591.

Hex triplet	84c2af	`#84c2af`
RGB Decimal	132, 194, 175	`rgb(132,194,175)`
RGB Percent	51.8, 76.1, 68.6	`rgb(51.8%,76.1%,68.6%)`
CMYK	32, 0, 10, 24
HSL	161.6°, 33.7, 63.9	`hsl(161.6,33.7%,63.9%)`
HSV (or HSB)	161.6°, 32, 76.1
Web Safe	99cc99	`#99cc99`

CIE-LAB	73.922, -24.021, 3.225
XYZ	36.543, 46.583, 47.621
xyY	0.279, 0.356, 46.583
CIE-LCH	73.922, 24.236, 172.354
CIE-LUV	73.922, -30.159, 8.729
Hunter-Lab	68.251, -23.868, 6.408
Binary	10000100, 11000010, 10101111

#84c2af
```
#84c2af rgb(132,194,175)
```
#c28497
```
#c28497 rgb(194,132,151)
```

Complementary Color

#84c290
```
#84c290 rgb(132,194,144)
```
#84c2af
```
#84c2af rgb(132,194,175)
```
#84b6c2
```
#84b6c2 rgb(132,182,194)
```

Analogous Color

#c29084
```
#c29084 rgb(194,144,132)
```
#84c2af
```
#84c2af rgb(132,194,175)
```
#c284b6
```
#c284b6 rgb(194,132,182)
```

Split Complementary Color

#c2af84
```
#c2af84 rgb(194,175,132)
```
#84c2af
```
#84c2af rgb(132,194,175)
```
#af84c2
```
#af84c2 rgb(175,132,194)
```

Triadic Color

#97c284
```
#97c284 rgb(151,194,132)
```
#84c2af
```
#84c2af rgb(132,194,175)
```
#af84c2
```
#af84c2 rgb(175,132,194)
```
#c28497
```
#c28497 rgb(194,132,151)
```

Tetradic Color

#53a78d
```
#53a78d rgb(83,167,141)
```
#62b199
```
#62b199 rgb(98,177,153)
```
#73baa4
```
#73baa4 rgb(115,186,164)
```
#84c2af
```
#84c2af rgb(132,194,175)
```
#95caba
```
#95caba rgb(149,202,186)
```
#a6d3c5
```
#a6d3c5 rgb(166,211,197)
```
#b7dbd0
```
#b7dbd0 rgb(183,219,208)
```

Monochromatic Color

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

#84c2a0
```
#84c2a0 rgb(132,194,160)
```
#84c2a5
```
#84c2a5 rgb(132,194,165)
```
#84c2aa
```
#84c2aa rgb(132,194,170)
```
#84c2af
```
#84c2af rgb(132,194,175)
```
#84c2b4
```
#84c2b4 rgb(132,194,180)
```
#84c2b9
```
#84c2b9 rgb(132,194,185)
```
#84c2bf
```
#84c2bf rgb(132,194,191)
```

Similar Colors

Text with hexadecimal color #84c2af

This text has a font color of #84c2af.

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

#84c2af background color

This paragraph has a background color of #84c2af.

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

#84c2af border color

This element has a border color of #84c2af.

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

CSS codes

.text {color:#84c2af;}

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

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

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

#040807
```
#040807 rgb(4,8,7)
```
#0b1512
```
#0b1512 rgb(11,21,18)
```
#11221d
```
#11221d rgb(17,34,29)
```
#182f28
```
#182f28 rgb(24,47,40)
```
#1e3d33
```
#1e3d33 rgb(30,61,51)
```
#254a3e
```
#254a3e rgb(37,74,62)
```
#2b5749
```
#2b5749 rgb(43,87,73)
```
#326454
```
#326454 rgb(50,100,84)
```
#387160
```
#387160 rgb(56,113,96)
```
#3f7e6b
```
#3f7e6b rgb(63,126,107)
```
#458b76
```
#458b76 rgb(69,139,118)
```
#4c9881
```
#4c9881 rgb(76,152,129)
```
#52a58c
```
#52a58c rgb(82,165,140)
```

Shade Color Variation

#5dae95
```
#5dae95 rgb(93,174,149)
```
#6ab59e
```
#6ab59e rgb(106,181,158)
```
#77bba6
```
#77bba6 rgb(119,187,166)
```
#84c2af
```
#84c2af rgb(132,194,175)
```
#91c9b8
```
#91c9b8 rgb(145,201,184)
```
#9ecfc0
```
#9ecfc0 rgb(158,207,192)
```
#abd6c9
```
#abd6c9 rgb(171,214,201)
```
#b8dcd1
```
#b8dcd1 rgb(184,220,209)
```
#c6e3da
```
#c6e3da rgb(198,227,218)
```
#d3e9e2
```
#d3e9e2 rgb(211,233,226)
```
#e0f0eb
```
#e0f0eb rgb(224,240,235)
```
#edf6f3
```
#edf6f3 rgb(237,246,243)
```
#fafdfc
```
#fafdfc rgb(250,253,252)
```

Tint Color Variation

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

#a0a6a4
```
#a0a6a4 rgb(160,166,164)
```
#99ada7
```
#99ada7 rgb(153,173,167)
```
#92b4aa
```
#92b4aa rgb(146,180,170)
```
#8bbbac
```
#8bbbac rgb(139,187,172)
```
#84c2af
```
#84c2af rgb(132,194,175)
```
#7dc9b2
```
#7dc9b2 rgb(125,201,178)
```
#76d0b4
```
#76d0b4 rgb(118,208,180)
```
#6fd7b7
```
#6fd7b7 rgb(111,215,183)
```
#68deba
```
#68deba rgb(104,222,186)
```
#61e5bd
```
#61e5bd rgb(97,229,189)
```
#5aecbf
```
#5aecbf rgb(90,236,191)
```
#52f4c2
```
#52f4c2 rgb(82,244,194)
```
#4bfbc5
```
#4bfbc5 rgb(75,251,197)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#a5b1ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#bfb8ac Protanopia 1% of men
#cab3b8 Deuteranopia 1% of men
#91c0ce Tritanopia 0.001% of the population

Trichromacy

#a9bcad Protanomaly 1% of men, 0.01% of women
#b0b9b5 Deuteranomaly 6% of men, 0.4% of women
#8cc1c3 Tritanomaly 0.01% of the population

#84c2af hex color

#84c2af Color Information

#84c2af Color Conversion

Color Schemes with #84c2af

Alternatives to #84c2af

#84c2af Preview

Shades and Tints of #84c2af

Tones of #84c2af

Color Blindness Simulator