#84c5a0 hex color

In a RGB color space, hex #84c5a0 is composed of 51.8% red, 77.3% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 33% cyan, 0% magenta, 18.8% yellow and 22.7% black. It has a hue angle of 145.8 degrees, a saturation of 35.9% and a lightness of 64.5%. #84c5a0 color hex could be obtained by blending #ffffff with #098b41. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 52
- G 77
- B 63
RGB color chart
- C 33
- M 0
- Y 19
- K 23
CMYK color chart

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

The hexadecimal color #84c5a0 has RGB values of R:132, G:197, B:160 and CMYK values of C:0.33, M:0, Y:0.19, K:0.23. Its decimal value is 8701344.

Hex triplet	84c5a0	`#84c5a0`
RGB Decimal	132, 197, 160	`rgb(132,197,160)`
RGB Percent	51.8, 77.3, 62.7	`rgb(51.8%,77.3%,62.7%)`
CMYK	33, 0, 19, 23
HSL	145.8°, 35.9, 64.5	`hsl(145.8,35.9%,64.5%)`
HSV (or HSB)	145.8°, 33, 77.3
Web Safe	99cc99	`#99cc99`

CIE-LAB	74.429, -28.602, 12.063
XYZ	35.825, 47.375, 40.512
xyY	0.29, 0.383, 47.375
CIE-LCH	74.429, 31.042, 157.132
CIE-LUV	74.429, -31.681, 22.143
Hunter-Lab	68.829, -27.543, 13.283
Binary	10000100, 11000101, 10100000

#84c5a0
```
#84c5a0 rgb(132,197,160)
```
#c584a9
```
#c584a9 rgb(197,132,169)
```

Complementary Color

#89c584
```
#89c584 rgb(137,197,132)
```
#84c5a0
```
#84c5a0 rgb(132,197,160)
```
#84c5c1
```
#84c5c1 rgb(132,197,193)
```

Analogous Color

#c58489
```
#c58489 rgb(197,132,137)
```
#84c5a0
```
#84c5a0 rgb(132,197,160)
```
#c184c5
```
#c184c5 rgb(193,132,197)
```

Split Complementary Color

#c5a084
```
#c5a084 rgb(197,160,132)
```
#84c5a0
```
#84c5a0 rgb(132,197,160)
```
#a084c5
```
#a084c5 rgb(160,132,197)
```

Triadic Color

#a9c584
```
#a9c584 rgb(169,197,132)
```
#84c5a0
```
#84c5a0 rgb(132,197,160)
```
#a084c5
```
#a084c5 rgb(160,132,197)
```
#c584a9
```
#c584a9 rgb(197,132,169)
```

Tetradic Color

#51ac78
```
#51ac78 rgb(81,172,120)
```
#61b585
```
#61b585 rgb(97,181,133)
```
#73bd93
```
#73bd93 rgb(115,189,147)
```
#84c5a0
```
#84c5a0 rgb(132,197,160)
```
#95cdad
```
#95cdad rgb(149,205,173)
```
#a7d5bb
```
#a7d5bb rgb(167,213,187)
```
#b8dec8
```
#b8dec8 rgb(184,222,200)
```

Monochromatic Color

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

#84c590
```
#84c590 rgb(132,197,144)
```
#84c595
```
#84c595 rgb(132,197,149)
```
#84c59b
```
#84c59b rgb(132,197,155)
```
#84c5a0
```
#84c5a0 rgb(132,197,160)
```
#84c5a5
```
#84c5a5 rgb(132,197,165)
```
#84c5ab
```
#84c5ab rgb(132,197,171)
```
#84c5b0
```
#84c5b0 rgb(132,197,176)
```

Similar Colors

Text with hexadecimal color #84c5a0

This text has a font color of #84c5a0.

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

#84c5a0 background color

This paragraph has a background color of #84c5a0.

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

#84c5a0 border color

This element has a border color of #84c5a0.

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

CSS codes

.text {color:#84c5a0;}

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

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

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, #050a07 is the darkest color, while #fcfefd is the lightest one.

#050a07
```
#050a07 rgb(5,10,7)
```
#0b1811
```
#0b1811 rgb(11,24,17)
```
#11251a
```
#11251a rgb(17,37,26)
```
#183223
```
#183223 rgb(24,50,35)
```
#1e402c
```
#1e402c rgb(30,64,44)
```
#244d36
```
#244d36 rgb(36,77,54)
```
#2b5a3f
```
#2b5a3f rgb(43,90,63)
```
#316848
```
#316848 rgb(49,104,72)
```
#377552
```
#377552 rgb(55,117,82)
```
#3d825b
```
#3d825b rgb(61,130,91)
```
#449064
```
#449064 rgb(68,144,100)
```
#4a9d6e
```
#4a9d6e rgb(74,157,110)
```
#50aa77
```
#50aa77 rgb(80,170,119)
```

Shade Color Variation

#5cb281
```
#5cb281 rgb(92,178,129)
```
#69b88b
```
#69b88b rgb(105,184,139)
```
#77bf96
```
#77bf96 rgb(119,191,150)
```
#84c5a0
```
#84c5a0 rgb(132,197,160)
```
#91cbaa
```
#91cbaa rgb(145,203,170)
```
#9fd2b5
```
#9fd2b5 rgb(159,210,181)
```
#acd8bf
```
#acd8bf rgb(172,216,191)
```
#b9dec9
```
#b9dec9 rgb(185,222,201)
```
#c7e4d3
```
#c7e4d3 rgb(199,228,211)
```
#d4ebde
```
#d4ebde rgb(212,235,222)
```
#e1f1e8
```
#e1f1e8 rgb(225,241,232)
```
#eff7f2
```
#eff7f2 rgb(239,247,242)
```
#fcfefd
```
#fcfefd rgb(252,254,253)
```

Tint Color Variation

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

#a0a9a4
```
#a0a9a4 rgb(160,169,164)
```
#99b0a3
```
#99b0a3 rgb(153,176,163)
```
#92b7a2
```
#92b7a2 rgb(146,183,162)
```
#8bbea1
```
#8bbea1 rgb(139,190,161)
```
#84c5a0
```
#84c5a0 rgb(132,197,160)
```
#7dcc9f
```
#7dcc9f rgb(125,204,159)
```
#76d39e
```
#76d39e rgb(118,211,158)
```
#6fda9d
```
#6fda9d rgb(111,218,157)
```
#68e19c
```
#68e19c rgb(104,225,156)
```
#61e89b
```
#61e89b rgb(97,232,155)
```
#5aef9a
```
#5aef9a rgb(90,239,154)
```
#53f699
```
#53f699 rgb(83,246,153)
```
#4cfd98
```
#4cfd98 rgb(76,253,152)
```

Tone Color Variation

Below, you can see how #84c5a0 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
#a5b2aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4ba9e Protanopia 1% of men
#d1b4ab Deuteranopia 1% of men
#95c1cf Tritanopia 0.001% of the population

Trichromacy

#adbe9f Protanomaly 1% of men, 0.01% of women
#b5baa7 Deuteranomaly 6% of men, 0.4% of women
#8fc3be Tritanomaly 0.01% of the population

#84c5a0 hex color

#84c5a0 Color Information

#84c5a0 Color Conversion

Color Schemes with #84c5a0

Alternatives to #84c5a0

#84c5a0 Preview

Shades and Tints of #84c5a0

Tones of #84c5a0

Color Blindness Simulator