#80af02 hex color

In a RGB color space, hex #80af02 is composed of 50.2% red, 68.6% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 26.9% cyan, 0% magenta, 98.9% yellow and 31.4% black. It has a hue angle of 76.3 degrees, a saturation of 97.7% and a lightness of 34.7%. #80af02 color hex could be obtained by blending #ffff04 with #015f00. Closest websafe color is: #999900.

♥
- f
- t
- g
- R 50
- G 69
- B 1
RGB color chart
- C 27
- M 0
- Y 99
- K 31
CMYK color chart

● #80af02 color description : Dark green.

The hexadecimal color #80af02 has RGB values of R:128, G:175, B:2 and CMYK values of C:0.27, M:0, Y:0.99, K:0.31. Its decimal value is 8433410.

Hex triplet	80af02	`#80af02`
RGB Decimal	128, 175, 2	`rgb(128,175,2)`
RGB Percent	50.2, 68.6, 0.8	`rgb(50.2%,68.6%,0.8%)`
CMYK	27, 0, 99, 31
HSL	76.3°, 97.7, 34.7	`hsl(76.3,97.7%,34.7%)`
HSV (or HSB)	76.3°, 98.9, 68.6
Web Safe	999900	`#999900`

CIE-LAB	65.945, -36.121, 66.975
XYZ	24.243, 35.253, 5.585
xyY	0.373, 0.542, 35.253
CIE-LCH	65.945, 76.095, 118.339
CIE-LUV	65.945, -23.707, 75.864
Hunter-Lab	59.374, -31.023, 35.985
Binary	10000000, 10101111, 00000010

#80af02
```
#80af02 rgb(128,175,2)
```
#3102af
```
#3102af rgb(49,2,175)
```

Complementary Color

#af8802
```
#af8802 rgb(175,136,2)
```
#80af02
```
#80af02 rgb(128,175,2)
```
#2aaf02
```
#2aaf02 rgb(42,175,2)
```

Analogous Color

#8802af
```
#8802af rgb(136,2,175)
```
#80af02
```
#80af02 rgb(128,175,2)
```
#022aaf
```
#022aaf rgb(2,42,175)
```

Split Complementary Color

#af0280
```
#af0280 rgb(175,2,128)
```
#80af02
```
#80af02 rgb(128,175,2)
```
#0280af
```
#0280af rgb(2,128,175)
```

Triadic Color

#af3102
```
#af3102 rgb(175,49,2)
```
#80af02
```
#80af02 rgb(128,175,2)
```
#0280af
```
#0280af rgb(2,128,175)
```
#3102af
```
#3102af rgb(49,2,175)
```

Tetradic Color

#496301
```
#496301 rgb(73,99,1)
```
#5b7d01
```
#5b7d01 rgb(91,125,1)
```
#6e9602
```
#6e9602 rgb(110,150,2)
```
#80af02
```
#80af02 rgb(128,175,2)
```
#92c802
```
#92c802 rgb(146,200,2)
```
#a5e103
```
#a5e103 rgb(165,225,3)
```
#b7fb03
```
#b7fb03 rgb(183,251,3)
```

Monochromatic Color

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

#abaf02
```
#abaf02 rgb(171,175,2)
```
#9daf02
```
#9daf02 rgb(157,175,2)
```
#8eaf02
```
#8eaf02 rgb(142,175,2)
```
#80af02
```
#80af02 rgb(128,175,2)
```
#72af02
```
#72af02 rgb(114,175,2)
```
#63af02
```
#63af02 rgb(99,175,2)
```
#55af02
```
#55af02 rgb(85,175,2)
```

Similar Colors

Text with hexadecimal color #80af02

This text has a font color of #80af02.

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

#80af02 background color

This paragraph has a background color of #80af02.

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

#80af02 border color

This element has a border color of #80af02.

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

CSS codes

.text {color:#80af02;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0f1400
```
#0f1400 rgb(15,20,0)
```
#1d2700
```
#1d2700 rgb(29,39,0)
```
#2b3b01
```
#2b3b01 rgb(43,59,1)
```
#394e01
```
#394e01 rgb(57,78,1)
```
#476101
```
#476101 rgb(71,97,1)
```
#557501
```
#557501 rgb(85,117,1)
```
#648802
```
#648802 rgb(100,136,2)
```
#729c02
```
#729c02 rgb(114,156,2)
```
#80af02
```
#80af02 rgb(128,175,2)
```
#8ec202
```
#8ec202 rgb(142,194,2)
```
#9cd602
```
#9cd602 rgb(156,214,2)
```
#abe903
```
#abe903 rgb(171,233,3)
```

Shade Color Variation

#b9fc03
```
#b9fc03 rgb(185,252,3)
```
#befc17
```
#befc17 rgb(190,252,23)
```
#c3fd2a
```
#c3fd2a rgb(195,253,42)
```
#c9fd3e
```
#c9fd3e rgb(201,253,62)
```
#cefd51
```
#cefd51 rgb(206,253,81)
```
#d4fd64
```
#d4fd64 rgb(212,253,100)
```
#d9fd78
```
#d9fd78 rgb(217,253,120)
```
#dffe8b
```
#dffe8b rgb(223,254,139)
```
#e4fe9e
```
#e4fe9e rgb(228,254,158)
```
#e9feb2
```
#e9feb2 rgb(233,254,178)
```
#effec5
```
#effec5 rgb(239,254,197)
```
#f4ffd9
```
#f4ffd9 rgb(244,255,217)
```
#faffec
```
#faffec rgb(250,255,236)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5b5d54 is the less saturated color, while #80af02 is the most saturated one.

#5b5d54
```
#5b5d54 rgb(91,93,84)
```
#5e644d
```
#5e644d rgb(94,100,77)
```
#616b46
```
#616b46 rgb(97,107,70)
```
#64723f
```
#64723f rgb(100,114,63)
```
#677938
```
#677938 rgb(103,121,56)
```
#6a7f32
```
#6a7f32 rgb(106,127,50)
```
#6d862b
```
#6d862b rgb(109,134,43)
```
#708d24
```
#708d24 rgb(112,141,36)
```
#74941d
```
#74941d rgb(116,148,29)
```
#779b16
```
#779b16 rgb(119,155,22)
```
#7aa110
```
#7aa110 rgb(122,161,16)
```
#7da809
```
#7da809 rgb(125,168,9)
```
#80af02
```
#80af02 rgb(128,175,2)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#8a9471 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9a500 Protanopia 1% of men
#cd9d28 Deuteranopia 1% of men
#98a7b3 Tritanopia 0.001% of the population

Trichromacy

#a4a800 Protanomaly 1% of men, 0.01% of women
#b1a31a Deuteranomaly 6% of men, 0.4% of women
#8faa72 Tritanomaly 0.01% of the population

#80af02 hex color

#80af02 Color Information

#80af02 Color Conversion

Color Schemes with #80af02

Alternatives to #80af02

#80af02 Preview

Shades and Tints of #80af02

Tones of #80af02

Color Blindness Simulator