colorhexa.com

#affd04 hex color

In a RGB color space, hex #affd04 is composed of 68.6% red, 99.2% green and 1.6% blue. Whereas in a CMYK color space, it is composed of 30.8% cyan, 0% magenta, 98.4% yellow and 0.8% black. It has a hue angle of 78.8 degrees, a saturation of 98.4% and a lightness of 50.4%. #affd04 color hex could be obtained by blending #ffff08 with #5ffb00. Closest websafe color is: #99ff00.

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

● #affd04 color description : Vivid green.

The hexadecimal color #affd04 has RGB values of R:175, G:253, B:4 and CMYK values of C:0.31, M:0, Y:0.98, K:0.01. Its decimal value is 11533572.

Hex triplet	affd04	`#affd04`
RGB Decimal	175, 253, 4	`rgb(175,253,4)`
RGB Percent	68.6, 99.2, 1.6	`rgb(68.6%,99.2%,1.6%)`
CMYK	31, 0, 98, 1
HSL	78.8°, 98.4, 50.4	`hsl(78.8,98.4%,50.4%)`
HSV (or HSB)	78.8°, 98.4, 99.2
Web Safe	99ff00	`#99ff00`

CIE-LAB	91.402, -51.849, 87.581
XYZ	52.825, 79.372, 12.652
xyY	0.365, 0.548, 79.372
CIE-LCH	91.402, 101.778, 120.626
CIE-LUV	91.402, -39.134, 105.937
Hunter-Lab	89.091, -50.069, 53.944
Binary	10101111, 11111101, 00000100

#affd04
```
#affd04 rgb(175,253,4)
```
#5204fd
```
#5204fd rgb(82,4,253)
```

Complementary Color

#fdcf04
```
#fdcf04 rgb(253,207,4)
```
#affd04
```
#affd04 rgb(175,253,4)
```
#33fd04
```
#33fd04 rgb(51,253,4)
```

Analogous Color

#cf04fd
```
#cf04fd rgb(207,4,253)
```
#affd04
```
#affd04 rgb(175,253,4)
```
#0433fd
```
#0433fd rgb(4,51,253)
```

Split Complementary Color

#fd04af
```
#fd04af rgb(253,4,175)
```
#affd04
```
#affd04 rgb(175,253,4)
```
#04affd
```
#04affd rgb(4,175,253)
```

Triadic Color

#7bb301
```
#7bb301 rgb(123,179,1)
```
#8dcc02
```
#8dcc02 rgb(141,204,2)
```
#9ee602
```
#9ee602 rgb(158,230,2)
```
#affd04
```
#affd04 rgb(175,253,4)
```
#b7fd1d
```
#b7fd1d rgb(183,253,29)
```
#bffd37
```
#bffd37 rgb(191,253,55)
```
#c7fe50
```
#c7fe50 rgb(199,254,80)
```

Monochromatic Color

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

#edfd04
```
#edfd04 rgb(237,253,4)
```
#d9fd04
```
#d9fd04 rgb(217,253,4)
```
#c4fd04
```
#c4fd04 rgb(196,253,4)
```
#affd04
```
#affd04 rgb(175,253,4)
```
#9afd04
```
#9afd04 rgb(154,253,4)
```
#86fd04
```
#86fd04 rgb(134,253,4)
```
#71fd04
```
#71fd04 rgb(113,253,4)
```

Similar Colors

Text with hexadecimal color #affd04

This text has a font color of #affd04.

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

#affd04 background color

This paragraph has a background color of #affd04.

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

#affd04 border color

This element has a border color of #affd04.

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

CSS codes

.text {color:#affd04;}

.background {background-color:#affd04;}

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

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

#010200
```
#010200 rgb(1,2,0)
```
#0f1500
```
#0f1500 rgb(15,21,0)
```
#1c2900
```
#1c2900 rgb(28,41,0)
```
#2a3c00
```
#2a3c00 rgb(42,60,0)
```
#375001
```
#375001 rgb(55,80,1)
```
#446301
```
#446301 rgb(68,99,1)
```
#527701
```
#527701 rgb(82,119,1)
```
#5f8a01
```
#5f8a01 rgb(95,138,1)
```
#6d9e01
```
#6d9e01 rgb(109,158,1)
```
#7ab101
```
#7ab101 rgb(122,177,1)
```
#87c502
```
#87c502 rgb(135,197,2)
```
#95d802
```
#95d802 rgb(149,216,2)
```
#a2ec02
```
#a2ec02 rgb(162,236,2)
```

Shade Color Variation

#affd04
```
#affd04 rgb(175,253,4)
```
#b5fd17
```
#b5fd17 rgb(181,253,23)
```
#bbfd2b
```
#bbfd2b rgb(187,253,43)
```
#c2fd3e
```
#c2fd3e rgb(194,253,62)
```
#c8fe52
```
#c8fe52 rgb(200,254,82)
```
#cefe65
```
#cefe65 rgb(206,254,101)
```
#d4fe79
```
#d4fe79 rgb(212,254,121)
```
#dafe8c
```
#dafe8c rgb(218,254,140)
```
#e1fea0
```
#e1fea0 rgb(225,254,160)
```
#e7feb3
```
#e7feb3 rgb(231,254,179)
```
#edffc7
```
#edffc7 rgb(237,255,199)
```
#f3ffda
```
#f3ffda rgb(243,255,218)
```
#f9ffee
```
#f9ffee rgb(249,255,238)
```

Tint Color Variation

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

#838879
```
#838879 rgb(131,136,121)
```
#87926f
```
#87926f rgb(135,146,111)
```
#8b9c65
```
#8b9c65 rgb(139,156,101)
```
#8ea55c
```
#8ea55c rgb(142,165,92)
```
#92af52
```
#92af52 rgb(146,175,82)
```
#96b948
```
#96b948 rgb(150,185,72)
```
#99c33e
```
#99c33e rgb(153,195,62)
```
#9dcc35
```
#9dcc35 rgb(157,204,53)
```
#a0d62b
```
#a0d62b rgb(160,214,43)
```
#a4e021
```
#a4e021 rgb(164,224,33)
```
#a8ea17
```
#a8ea17 rgb(168,234,23)
```
#abf30e
```
#abf30e rgb(171,243,14)
```
#affd04
```
#affd04 rgb(175,253,4)
```

Tone Color Variation

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

#c9c9c9 Achromatopsia 0.005% of the population
#c4d3a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffe873 Protanopia 1% of men
#ffe3c0 Deuteranopia 1% of men
#ceecfd Tritanopia 0.001% of the population

Trichromacy

#e1ef4b Protanomaly 1% of men, 0.01% of women
#e1ec7b Deuteranomaly 6% of men, 0.4% of women
#c2f2a2 Tritanomaly 0.01% of the population