#afd904 hex color

In a RGB color space, hex #afd904 is composed of 68.6% red, 85.1% green and 1.6% blue. Whereas in a CMYK color space, it is composed of 19.4% cyan, 0% magenta, 98.2% yellow and 14.9% black. It has a hue angle of 71.8 degrees, a saturation of 96.4% and a lightness of 43.3%. #afd904 color hex could be obtained by blending #ffff08 with #5fb300. Closest websafe color is: #99cc00.

♥
- f
- t
- g
- R 69
- G 85
- B 2
RGB color chart
- C 19
- M 0
- Y 98
- K 15
CMYK color chart

● #afd904 color description : Vivid yellow.

The hexadecimal color #afd904 has RGB values of R:175, G:217, B:4 and CMYK values of C:0.19, M:0, Y:0.98, K:0.15. Its decimal value is 11524356.

Hex triplet	afd904	`#afd904`
RGB Decimal	175, 217, 4	`rgb(175,217,4)`
RGB Percent	68.6, 85.1, 1.6	`rgb(68.6%,85.1%,1.6%)`
CMYK	19, 0, 98, 15
HSL	71.8°, 96.4, 43.3	`hsl(71.8,96.4%,43.3%)`
HSV (or HSB)	71.8°, 98.2, 85.1
Web Safe	99cc00	`#99cc00`

CIE-LAB	81.153, -36.378, 79.697
XYZ	42.514, 58.748, 9.215
xyY	0.385, 0.532, 58.748
CIE-LCH	81.153, 87.607, 114.535
CIE-LUV	81.153, -20.144, 92.225
Hunter-Lab	76.647, -35.125, 46.525
Binary	10101111, 11011001, 00000100

#afd904
```
#afd904 rgb(175,217,4)
```
#2e04d9
```
#2e04d9 rgb(46,4,217)
```

Complementary Color

#d99904
```
#d99904 rgb(217,153,4)
```
#afd904
```
#afd904 rgb(175,217,4)
```
#45d904
```
#45d904 rgb(69,217,4)
```

Analogous Color

#9904d9
```
#9904d9 rgb(153,4,217)
```
#afd904
```
#afd904 rgb(175,217,4)
```
#0445d9
```
#0445d9 rgb(4,69,217)
```

Split Complementary Color

#d904af
```
#d904af rgb(217,4,175)
```
#afd904
```
#afd904 rgb(175,217,4)
```
#04afd9
```
#04afd9 rgb(4,175,217)
```

Triadic Color

#d92e04
```
#d92e04 rgb(217,46,4)
```
#afd904
```
#afd904 rgb(175,217,4)
```
#04afd9
```
#04afd9 rgb(4,175,217)
```
#2e04d9
```
#2e04d9 rgb(46,4,217)
```

Tetradic Color

#728e03
```
#728e03 rgb(114,142,3)
```
#87a703
```
#87a703 rgb(135,167,3)
```
#9bc004
```
#9bc004 rgb(155,192,4)
```
#afd904
```
#afd904 rgb(175,217,4)
```
#c3f204
```
#c3f204 rgb(195,242,4)
```
#cdfb15
```
#cdfb15 rgb(205,251,21)
```
#d3fb2e
```
#d3fb2e rgb(211,251,46)
```

Monochromatic Color

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

#d9ce04
```
#d9ce04 rgb(217,206,4)
```
#d3d904
```
#d3d904 rgb(211,217,4)
```
#c1d904
```
#c1d904 rgb(193,217,4)
```
#afd904
```
#afd904 rgb(175,217,4)
```
#9dd904
```
#9dd904 rgb(157,217,4)
```
#8cd904
```
#8cd904 rgb(140,217,4)
```
#7ad904
```
#7ad904 rgb(122,217,4)
```

Similar Colors

Text with hexadecimal color #afd904

This text has a font color of #afd904.

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

#afd904 background color

This paragraph has a background color of #afd904.

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

#afd904 border color

This element has a border color of #afd904.

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

CSS codes

.text {color:#afd904;}

.background {background-color:#afd904;}

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

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

#040500
```
#040500 rgb(4,5,0)
```
#141800
```
#141800 rgb(20,24,0)
```
#232c01
```
#232c01 rgb(35,44,1)
```
#333f01
```
#333f01 rgb(51,63,1)
```
#425202
```
#425202 rgb(66,82,2)
```
#526502
```
#526502 rgb(82,101,2)
```
#617902
```
#617902 rgb(97,121,2)
```
#718c03
```
#718c03 rgb(113,140,3)
```
#809f03
```
#809f03 rgb(128,159,3)
```
#90b203
```
#90b203 rgb(144,178,3)
```
#9fc604
```
#9fc604 rgb(159,198,4)
```
#afd904
```
#afd904 rgb(175,217,4)
```
#bfec04
```
#bfec04 rgb(191,236,4)
```

Shade Color Variation

#cbfa0a
```
#cbfa0a rgb(203,250,10)
```
#cffb1d
```
#cffb1d rgb(207,251,29)
```
#d3fb30
```
#d3fb30 rgb(211,251,48)
```
#d7fc44
```
#d7fc44 rgb(215,252,68)
```
#dbfc57
```
#dbfc57 rgb(219,252,87)
```
#dffc6a
```
#dffc6a rgb(223,252,106)
```
#e4fd7d
```
#e4fd7d rgb(228,253,125)
```
#e8fd91
```
#e8fd91 rgb(232,253,145)
```
#ecfda4
```
#ecfda4 rgb(236,253,164)
```
#f0feb7
```
#f0feb7 rgb(240,254,183)
```
#f4feca
```
#f4feca rgb(244,254,202)
```
#f8fede
```
#f8fede rgb(248,254,222)
```
#fcfff1
```
#fcfff1 rgb(252,255,241)
```

Tint Color Variation

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

#71736a
```
#71736a rgb(113,115,106)
```
#767c62
```
#767c62 rgb(118,124,98)
```
#7c8459
```
#7c8459 rgb(124,132,89)
```
#818d51
```
#818d51 rgb(129,141,81)
```
#869548
```
#869548 rgb(134,149,72)
```
#8b9e40
```
#8b9e40 rgb(139,158,64)
```
#90a637
```
#90a637 rgb(144,166,55)
```
#95af2f
```
#95af2f rgb(149,175,47)
```
#9ab726
```
#9ab726 rgb(154,183,38)
```
#a0c01e
```
#a0c01e rgb(160,192,30)
```
#a5c815
```
#a5c815 rgb(165,200,21)
```
#aad10d
```
#aad10d rgb(170,209,13)
```
#afd904
```
#afd904 rgb(175,217,4)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#b3bb91 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e5cc00 Protanopia 1% of men
#fec22f Deuteranopia 1% of men
#c6ccda Tritanopia 0.001% of the population

Trichromacy

#d1d101 Protanomaly 1% of men, 0.01% of women
#e1ca1f Deuteranomaly 6% of men, 0.4% of women
#bed08c Tritanomaly 0.01% of the population

#afd904 hex color

#afd904 Color Information

#afd904 Color Conversion

Color Schemes with #afd904

Alternatives to #afd904

#afd904 Preview

Shades and Tints of #afd904

Tones of #afd904

Color Blindness Simulator