#84c2bf hex color

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

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

● #84c2bf color description : Slightly desaturated cyan.

The hexadecimal color #84c2bf has RGB values of R:132, G:194, B:191 and CMYK values of C:0.32, M:0, Y:0.02, K:0.24. Its decimal value is 8700607.

Hex triplet	84c2bf	`#84c2bf`
RGB Decimal	132, 194, 191	`rgb(132,194,191)`
RGB Percent	51.8, 76.1, 74.9	`rgb(51.8%,76.1%,74.9%)`
CMYK	32, 0, 2, 24
HSL	177.1°, 33.7, 63.9	`hsl(177.1,33.7%,63.9%)`
HSV (or HSB)	177.1°, 32, 76.1
Web Safe	99cccc	`#99cccc`

CIE-LAB	74.349, -20.418, -4.842
XYZ	38.209, 47.249, 56.394
xyY	0.269, 0.333, 47.249
CIE-LCH	74.349, 20.984, 193.341
CIE-LUV	74.349, -29.973, -4.024
Hunter-Lab	68.738, -21.069, -0.526
Binary	10000100, 11000010, 10111111

#84c2bf
```
#84c2bf rgb(132,194,191)
```
#c28487
```
#c28487 rgb(194,132,135)
```

Complementary Color

#84c2a0
```
#84c2a0 rgb(132,194,160)
```
#84c2bf
```
#84c2bf rgb(132,194,191)
```
#84a6c2
```
#84a6c2 rgb(132,166,194)
```

Analogous Color

#c2a084
```
#c2a084 rgb(194,160,132)
```
#84c2bf
```
#84c2bf rgb(132,194,191)
```
#c284a6
```
#c284a6 rgb(194,132,166)
```

Split Complementary Color

#c2bf84
```
#c2bf84 rgb(194,191,132)
```
#84c2bf
```
#84c2bf rgb(132,194,191)
```
#bf84c2
```
#bf84c2 rgb(191,132,194)
```

Triadic Color

#87c284
```
#87c284 rgb(135,194,132)
```
#84c2bf
```
#84c2bf rgb(132,194,191)
```
#bf84c2
```
#bf84c2 rgb(191,132,194)
```
#c28487
```
#c28487 rgb(194,132,135)
```

Tetradic Color

#53a7a3
```
#53a7a3 rgb(83,167,163)
```
#62b1ad
```
#62b1ad rgb(98,177,173)
```
#73bab6
```
#73bab6 rgb(115,186,182)
```
#84c2bf
```
#84c2bf rgb(132,194,191)
```
#95cac8
```
#95cac8 rgb(149,202,200)
```
#a6d3d1
```
#a6d3d1 rgb(166,211,209)
```
#b7dbda
```
#b7dbda rgb(183,219,218)
```

Monochromatic Color

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

#84c2b0
```
#84c2b0 rgb(132,194,176)
```
#84c2b5
```
#84c2b5 rgb(132,194,181)
```
#84c2ba
```
#84c2ba rgb(132,194,186)
```
#84c2bf
```
#84c2bf rgb(132,194,191)
```
#84c0c2
```
#84c0c2 rgb(132,192,194)
```
#84bbc2
```
#84bbc2 rgb(132,187,194)
```
#84b6c2
```
#84b6c2 rgb(132,182,194)
```

Similar Colors

Text with hexadecimal color #84c2bf

This text has a font color of #84c2bf.

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

#84c2bf background color

This paragraph has a background color of #84c2bf.

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

#84c2bf border color

This element has a border color of #84c2bf.

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

CSS codes

.text {color:#84c2bf;}

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

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

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

#040808
```
#040808 rgb(4,8,8)
```
#0b1515
```
#0b1515 rgb(11,21,21)
```
#112222
```
#112222 rgb(17,34,34)
```
#182f2e
```
#182f2e rgb(24,47,46)
```
#1e3d3b
```
#1e3d3b rgb(30,61,59)
```
#254a48
```
#254a48 rgb(37,74,72)
```
#2b5755
```
#2b5755 rgb(43,87,85)
```
#326461
```
#326461 rgb(50,100,97)
```
#38716e
```
#38716e rgb(56,113,110)
```
#3f7e7b
```
#3f7e7b rgb(63,126,123)
```
#458b88
```
#458b88 rgb(69,139,136)
```
#4c9895
```
#4c9895 rgb(76,152,149)
```
#52a5a1
```
#52a5a1 rgb(82,165,161)
```

Shade Color Variation

#5daeab
```
#5daeab rgb(93,174,171)
```
#6ab5b1
```
#6ab5b1 rgb(106,181,177)
```
#77bbb8
```
#77bbb8 rgb(119,187,184)
```
#84c2bf
```
#84c2bf rgb(132,194,191)
```
#91c9c6
```
#91c9c6 rgb(145,201,198)
```
#9ecfcd
```
#9ecfcd rgb(158,207,205)
```
#abd6d3
```
#abd6d3 rgb(171,214,211)
```
#b8dcda
```
#b8dcda rgb(184,220,218)
```
#c6e3e1
```
#c6e3e1 rgb(198,227,225)
```
#d3e9e8
```
#d3e9e8 rgb(211,233,232)
```
#e0f0ef
```
#e0f0ef rgb(224,240,239)
```
#edf6f6
```
#edf6f6 rgb(237,246,246)
```
#fafdfc
```
#fafdfc rgb(250,253,252)
```

Tint Color Variation

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

#a0a6a5
```
#a0a6a5 rgb(160,166,165)
```
#99adac
```
#99adac rgb(153,173,172)
```
#92b4b2
```
#92b4b2 rgb(146,180,178)
```
#8bbbb9
```
#8bbbb9 rgb(139,187,185)
```
#84c2bf
```
#84c2bf rgb(132,194,191)
```
#7dc9c5
```
#7dc9c5 rgb(125,201,197)
```
#76d0cc
```
#76d0cc rgb(118,208,204)
```
#6fd7d2
```
#6fd7d2 rgb(111,215,210)
```
#68ded9
```
#68ded9 rgb(104,222,217)
```
#61e5df
```
#61e5df rgb(97,229,223)
```
#5aece5
```
#5aece5 rgb(90,236,229)
```
#52f4ec
```
#52f4ec rgb(82,244,236)
```
#4bfbf2
```
#4bfbf2 rgb(75,251,242)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#a6b3b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdb9bc Protanopia 1% of men
#c5b5c7 Deuteranopia 1% of men
#8ec2d0 Tritanopia 0.001% of the population

Trichromacy

#a8bcbd Protanomaly 1% of men, 0.01% of women
#adbac4 Deuteranomaly 6% of men, 0.4% of women
#8ac2ca Tritanomaly 0.01% of the population

#84c2bf hex color

#84c2bf Color Information

#84c2bf Color Conversion

Color Schemes with #84c2bf

Alternatives to #84c2bf

#84c2bf Preview

Shades and Tints of #84c2bf

Tones of #84c2bf

Color Blindness Simulator