colorhexa.com

#80bd99 hex color

In a RGB color space, hex #80bd99 is composed of 50.2% red, 74.1% green and 60% blue. Whereas in a CMYK color space, it is composed of 32.3% cyan, 0% magenta, 19% yellow and 25.9% black. It has a hue angle of 144.6 degrees, a saturation of 31.6% and a lightness of 62.2%. #80bd99 color hex could be obtained by blending #ffffff with #017b33. Closest websafe color is: #99cc99.

- R 50
- G 74
- B 60
RGB color chart
- C 32
- M 0
- Y 19
- K 26
CMYK color chart

● #80bd99 color description : Slightly desaturated cyan - lime green.

The hexadecimal color #80bd99 has RGB values of R:128, G:189, B:153 and CMYK values of C:0.32, M:0, Y:0.19, K:0.26. Its decimal value is 8437145.

Hex triplet	80bd99	`#80bd99`
RGB Decimal	128, 189, 153	`rgb(128,189,153)`
RGB Percent	50.2, 74.1, 60	`rgb(50.2%,74.1%,60%)`
CMYK	32, 0, 19, 26
HSL	144.6°, 31.6, 62.2	`hsl(144.6,31.6%,62.2%)`
HSV (or HSB)	144.6°, 32.3, 74.1
Web Safe	99cc99	`#99cc99`

CIE-LAB	71.747, -27.338, 12.026
XYZ	32.848, 43.283, 36.759
xyY	0.291, 0.383, 43.283
CIE-LCH	71.747, 29.866, 156.255
CIE-LUV	71.747, -29.864, 21.719
Hunter-Lab	65.79, -26.01, 12.926
Binary	10000000, 10111101, 10011001

#80bd99
```
#80bd99 rgb(128,189,153)
```
#bd80a4
```
#bd80a4 rgb(189,128,164)
```

Complementary Color

#86bd80
```
#86bd80 rgb(134,189,128)
```
#80bd99
```
#80bd99 rgb(128,189,153)
```
#80bdb8
```
#80bdb8 rgb(128,189,184)
```

Analogous Color

#bd8086
```
#bd8086 rgb(189,128,134)
```
#80bd99
```
#80bd99 rgb(128,189,153)
```
#b880bd
```
#b880bd rgb(184,128,189)
```

Split Complementary Color

#bd9980
```
#bd9980 rgb(189,153,128)
```
#80bd99
```
#80bd99 rgb(128,189,153)
```
#9980bd
```
#9980bd rgb(153,128,189)
```

Triadic Color

#a4bd80
```
#a4bd80 rgb(164,189,128)
```
#80bd99
```
#80bd99 rgb(128,189,153)
```
#9980bd
```
#9980bd rgb(153,128,189)
```
#bd80a4
```
#bd80a4 rgb(189,128,164)
```

Tetradic Color

#529e71
```
#529e71 rgb(82,158,113)
```
#5eac7e
```
#5eac7e rgb(94,172,126)
```
#6fb48c
```
#6fb48c rgb(111,180,140)
```
#80bd99
```
#80bd99 rgb(128,189,153)
```
#91c6a6
```
#91c6a6 rgb(145,198,166)
```
#a2ceb4
```
#a2ceb4 rgb(162,206,180)
```
#b2d7c1
```
#b2d7c1 rgb(178,215,193)
```

Monochromatic Color

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

#80bd8a
```
#80bd8a rgb(128,189,138)
```
#80bd8f
```
#80bd8f rgb(128,189,143)
```
#80bd94
```
#80bd94 rgb(128,189,148)
```
#80bd99
```
#80bd99 rgb(128,189,153)
```
#80bd9e
```
#80bd9e rgb(128,189,158)
```
#80bda3
```
#80bda3 rgb(128,189,163)
```
#80bda8
```
#80bda8 rgb(128,189,168)
```

Similar Colors

Text with hexadecimal color #80bd99

This text has a font color of #80bd99.

<span style="color:#80bd99;">Text here</span>

#80bd99 background color

This paragraph has a background color of #80bd99.

<p style="background-color:#80bd99;">Content here</p>

#80bd99 border color

This element has a border color of #80bd99.

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

CSS codes

.text {color:#80bd99;}

.background {background-color:#80bd99;}

.border {border:1px solid #80bd99;}

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

#010201
```
#010201 rgb(1,2,1)
```
#080f0b
```
#080f0b rgb(8,15,11)
```
#0e1c14
```
#0e1c14 rgb(14,28,20)
```
#15291d
```
#15291d rgb(21,41,29)
```
#1c3626
```
#1c3626 rgb(28,54,38)
```
#234330
```
#234330 rgb(35,67,48)
```
#295039
```
#295039 rgb(41,80,57)
```
#305c42
```
#305c42 rgb(48,92,66)
```
#37694b
```
#37694b rgb(55,105,75)
```
#3d7655
```
#3d7655 rgb(61,118,85)
```
#44835e
```
#44835e rgb(68,131,94)
```
#4b9067
```
#4b9067 rgb(75,144,103)
```
#529d70
```
#529d70 rgb(82,157,112)
```

Shade Color Variation

#59a97a
```
#59a97a rgb(89,169,122)
```
#66b084
```
#66b084 rgb(102,176,132)
```
#73b68f
```
#73b68f rgb(115,182,143)
```
#80bd99
```
#80bd99 rgb(128,189,153)
```
#8dc4a3
```
#8dc4a3 rgb(141,196,163)
```
#9acaae
```
#9acaae rgb(154,202,174)
```
#a7d1b8
```
#a7d1b8 rgb(167,209,184)
```
#b4d8c2
```
#b4d8c2 rgb(180,216,194)
```
#c1dfcd
```
#c1dfcd rgb(193,223,205)
```
#cde5d7
```
#cde5d7 rgb(205,229,215)
```
#daece2
```
#daece2 rgb(218,236,226)
```
#e7f3ec
```
#e7f3ec rgb(231,243,236)
```
#f4f9f6
```
#f4f9f6 rgb(244,249,246)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9e9f9e is the less saturated color, while #45f88e is the most saturated one.

#9e9f9e
```
#9e9f9e rgb(158,159,158)
```
#96a79d
```
#96a79d rgb(150,167,157)
```
#8fae9c
```
#8fae9c rgb(143,174,156)
```
#87b69a
```
#87b69a rgb(135,182,154)
```
#80bd99
```
#80bd99 rgb(128,189,153)
```
#79c498
```
#79c498 rgb(121,196,152)
```
#71cc96
```
#71cc96 rgb(113,204,150)
```
#6ad395
```
#6ad395 rgb(106,211,149)
```
#62db94
```
#62db94 rgb(98,219,148)
```
#5be292
```
#5be292 rgb(91,226,146)
```
#53ea91
```
#53ea91 rgb(83,234,145)
```
#4cf190
```
#4cf190 rgb(76,241,144)
```
#45f88e
```
#45f88e rgb(69,248,142)
```

Tone Color Variation

Below, you can see how #80bd99 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

#a7a7a7 Achromatopsia 0.005% of the population
#9faba4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdb398 Protanopia 1% of men
#caada4 Deuteranopia 1% of men
#91bac8 Tritanopia 0.001% of the population

Trichromacy

#a7b698 Protanomaly 1% of men, 0.01% of women
#afb3a0 Deuteranomaly 6% of men, 0.4% of women
#8abbb6 Tritanomaly 0.01% of the population