colorhexa.com

#affc02 hex color

In a RGB color space, hex #affc02 is composed of 68.6% red, 98.8% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 30.6% cyan, 0% magenta, 99.2% yellow and 1.2% black. It has a hue angle of 78.5 degrees, a saturation of 98.4% and a lightness of 49.8%. #affc02 color hex could be obtained by blending #ffff04 with #5ff900. Closest websafe color is: #99ff00.

- R 69
- G 99
- B 1
RGB color chart
- C 31
- M 0
- Y 99
- K 1
CMYK color chart

● #affc02 color description : Vivid green.

The hexadecimal color #affc02 has RGB values of R:175, G:252, B:2 and CMYK values of C:0.31, M:0, Y:0.99, K:0.01. Its decimal value is 11533314.

Hex triplet	affc02	`#affc02`
RGB Decimal	175, 252, 2	`rgb(175,252,2)`
RGB Percent	68.6, 98.8, 0.8	`rgb(68.6%,98.8%,0.8%)`
CMYK	31, 0, 99, 1
HSL	78.5°, 98.4, 49.8	`hsl(78.5,98.4%,49.8%)`
HSV (or HSB)	78.5°, 99.2, 98.8
Web Safe	99ff00	`#99ff00`

CIE-LAB	91.115, -51.46, 87.506
XYZ	52.5, 78.737, 12.489
xyY	0.365, 0.548, 78.737
CIE-LCH	91.115, 101.516, 120.459
CIE-LUV	91.115, -38.639, 105.65
Hunter-Lab	88.734, -49.675, 53.769
Binary	10101111, 11111100, 00000010

#affc02
```
#affc02 rgb(175,252,2)
```
#4f02fc
```
#4f02fc rgb(79,2,252)
```

Complementary Color

#fccc02
```
#fccc02 rgb(252,204,2)
```
#affc02
```
#affc02 rgb(175,252,2)
```
#32fc02
```
#32fc02 rgb(50,252,2)
```

Analogous Color

#cc02fc
```
#cc02fc rgb(204,2,252)
```
#affc02
```
#affc02 rgb(175,252,2)
```
#0232fc
```
#0232fc rgb(2,50,252)
```

Split Complementary Color

#fc02af
```
#fc02af rgb(252,2,175)
```
#affc02
```
#affc02 rgb(175,252,2)
```
#02affc
```
#02affc rgb(2,175,252)
```

Triadic Color

#7ab001
```
#7ab001 rgb(122,176,1)
```
#8cc902
```
#8cc902 rgb(140,201,2)
```
#9de302
```
#9de302 rgb(157,227,2)
```
#affc02
```
#affc02 rgb(175,252,2)
```
#b7fd1a
```
#b7fd1a rgb(183,253,26)
```
#bffd34
```
#bffd34 rgb(191,253,52)
```
#c7fe4d
```
#c7fe4d rgb(199,254,77)
```

Monochromatic Color

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

#eefc02
```
#eefc02 rgb(238,252,2)
```
#d9fc02
```
#d9fc02 rgb(217,252,2)
```
#c4fc02
```
#c4fc02 rgb(196,252,2)
```
#affc02
```
#affc02 rgb(175,252,2)
```
#9afc02
```
#9afc02 rgb(154,252,2)
```
#85fc02
```
#85fc02 rgb(133,252,2)
```
#71fc02
```
#71fc02 rgb(113,252,2)
```

Similar Colors

Text with hexadecimal color #affc02

This text has a font color of #affc02.

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

#affc02 background color

This paragraph has a background color of #affc02.

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

#affc02 border color

This element has a border color of #affc02.

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

CSS codes

.text {color:#affc02;}

.background {background-color:#affc02;}

.border {border:1px solid #affc02;}

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, #0d1200 is the darkest color, while #fffffe is the lightest one.

#0d1200
```
#0d1200 rgb(13,18,0)
```
#1a2600
```
#1a2600 rgb(26,38,0)
```
#283900
```
#283900 rgb(40,57,0)
```
#354d01
```
#354d01 rgb(53,77,1)
```
#436001
```
#436001 rgb(67,96,1)
```
#507401
```
#507401 rgb(80,116,1)
```
#5e8701
```
#5e8701 rgb(94,135,1)
```
#6b9b01
```
#6b9b01 rgb(107,155,1)
```
#79ae01
```
#79ae01 rgb(121,174,1)
```
#86c202
```
#86c202 rgb(134,194,2)
```
#94d502
```
#94d502 rgb(148,213,2)
```
#a1e902
```
#a1e902 rgb(161,233,2)
```
#affc02
```
#affc02 rgb(175,252,2)
```

Shade Color Variation

#b5fd14
```
#b5fd14 rgb(181,253,20)
```
#bcfd28
```
#bcfd28 rgb(188,253,40)
```
#c2fd3b
```
#c2fd3b rgb(194,253,59)
```
#c8fe4f
```
#c8fe4f rgb(200,254,79)
```
#cefe62
```
#cefe62 rgb(206,254,98)
```
#d4fe76
```
#d4fe76 rgb(212,254,118)
```
#dafe89
```
#dafe89 rgb(218,254,137)
```
#e0fe9d
```
#e0fe9d rgb(224,254,157)
```
#e6feb0
```
#e6feb0 rgb(230,254,176)
```
#ecffc4
```
#ecffc4 rgb(236,255,196)
```
#f2ffd7
```
#f2ffd7 rgb(242,255,215)
```
#f9ffeb
```
#f9ffeb rgb(249,255,235)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#828777
```
#828777 rgb(130,135,119)
```
#86916d
```
#86916d rgb(134,145,109)
```
#899a64
```
#899a64 rgb(137,154,100)
```
#8da45a
```
#8da45a rgb(141,164,90)
```
#91ae50
```
#91ae50 rgb(145,174,80)
```
#95b846
```
#95b846 rgb(149,184,70)
```
#98c13d
```
#98c13d rgb(152,193,61)
```
#9ccb33
```
#9ccb33 rgb(156,203,51)
```
#a0d529
```
#a0d529 rgb(160,213,41)
```
#a4df1f
```
#a4df1f rgb(164,223,31)
```
#a7e816
```
#a7e816 rgb(167,232,22)
```
#abf20c
```
#abf20c rgb(171,242,12)
```
#affc02
```
#affc02 rgb(175,252,2)
```

Tone Color Variation

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

#c8c8c8 Achromatopsia 0.005% of the population
#c3d2a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffe76a Protanopia 1% of men
#ffe2be Deuteranopia 1% of men
#ceebfc Tritanopia 0.001% of the population

Trichromacy

#e1ee44 Protanomaly 1% of men, 0.01% of women
#e1eb79 Deuteranomaly 6% of men, 0.4% of women
#c2f1a1 Tritanomaly 0.01% of the population