#afd404 hex color

In a RGB color space, hex #afd404 is composed of 68.6% red, 83.1% green and 1.6% blue. Whereas in a CMYK color space, it is composed of 17.5% cyan, 0% magenta, 98.1% yellow and 16.9% black. It has a hue angle of 70.7 degrees, a saturation of 96.3% and a lightness of 42.4%. #afd404 color hex could be obtained by blending #ffff08 with #5fa900. Closest websafe color is: #99cc00.

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

● #afd404 color description : Strong yellow.

The hexadecimal color #afd404 has RGB values of R:175, G:212, B:4 and CMYK values of C:0.17, M:0, Y:0.98, K:0.17. Its decimal value is 11523076.

Hex triplet	afd404	`#afd404`
RGB Decimal	175, 212, 4	`rgb(175,212,4)`
RGB Percent	68.6, 83.1, 1.6	`rgb(68.6%,83.1%,1.6%)`
CMYK	17, 0, 98, 17
HSL	70.7°, 96.3, 42.4	`hsl(70.7,96.3%,42.4%)`
HSV (or HSB)	70.7°, 98.1, 83.1
Web Safe	99cc00	`#99cc00`

CIE-LAB	79.733, -34.102, 78.613
XYZ	41.244, 56.209, 8.792
xyY	0.388, 0.529, 56.209
CIE-LCH	79.733, 85.691, 113.451
CIE-LUV	79.733, -17.307, 90.299
Hunter-Lab	74.973, -33.006, 45.529
Binary	10101111, 11010100, 00000100

#afd404
```
#afd404 rgb(175,212,4)
```
#2904d4
```
#2904d4 rgb(41,4,212)
```

Complementary Color

#d49104
```
#d49104 rgb(212,145,4)
```
#afd404
```
#afd404 rgb(175,212,4)
```
#47d404
```
#47d404 rgb(71,212,4)
```

Analogous Color

#9104d4
```
#9104d4 rgb(145,4,212)
```
#afd404
```
#afd404 rgb(175,212,4)
```
#0447d4
```
#0447d4 rgb(4,71,212)
```

Split Complementary Color

#d404af
```
#d404af rgb(212,4,175)
```
#afd404
```
#afd404 rgb(175,212,4)
```
#04afd4
```
#04afd4 rgb(4,175,212)
```

Triadic Color

#d42904
```
#d42904 rgb(212,41,4)
```
#afd404
```
#afd404 rgb(175,212,4)
```
#04afd4
```
#04afd4 rgb(4,175,212)
```
#2904d4
```
#2904d4 rgb(41,4,212)
```

Tetradic Color

#718903
```
#718903 rgb(113,137,3)
```
#86a203
```
#86a203 rgb(134,162,3)
```
#9abb04
```
#9abb04 rgb(154,187,4)
```
#afd404
```
#afd404 rgb(175,212,4)
```
#c4ed04
```
#c4ed04 rgb(196,237,4)
```
#d1fb11
```
#d1fb11 rgb(209,251,17)
```
#d6fb2a
```
#d6fb2a rgb(214,251,42)
```

Monochromatic Color

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

#d4c504
```
#d4c504 rgb(212,197,4)
```
#d2d404
```
#d2d404 rgb(210,212,4)
```
#c0d404
```
#c0d404 rgb(192,212,4)
```
#afd404
```
#afd404 rgb(175,212,4)
```
#9ed404
```
#9ed404 rgb(158,212,4)
```
#8cd404
```
#8cd404 rgb(140,212,4)
```
#7bd404
```
#7bd404 rgb(123,212,4)
```

Similar Colors

Text with hexadecimal color #afd404

This text has a font color of #afd404.

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

#afd404 background color

This paragraph has a background color of #afd404.

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

#afd404 border color

This element has a border color of #afd404.

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

CSS codes

.text {color:#afd404;}

.background {background-color:#afd404;}

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

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 #fbffec is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#101300
```
#101300 rgb(16,19,0)
```
#202701
```
#202701 rgb(32,39,1)
```
#303a01
```
#303a01 rgb(48,58,1)
```
#404d01
```
#404d01 rgb(64,77,1)
```
#506002
```
#506002 rgb(80,96,2)
```
#607402
```
#607402 rgb(96,116,2)
```
#6f8703
```
#6f8703 rgb(111,135,3)
```
#7f9a03
```
#7f9a03 rgb(127,154,3)
```
#8fad03
```
#8fad03 rgb(143,173,3)
```
#9fc104
```
#9fc104 rgb(159,193,4)
```
#afd404
```
#afd404 rgb(175,212,4)
```
#bfe704
```
#bfe704 rgb(191,231,4)
```

Shade Color Variation

#cffa05
```
#cffa05 rgb(207,250,5)
```
#d2fb18
```
#d2fb18 rgb(210,251,24)
```
#d6fb2b
```
#d6fb2b rgb(214,251,43)
```
#dafb3f
```
#dafb3f rgb(218,251,63)
```
#defc52
```
#defc52 rgb(222,252,82)
```
#e1fc65
```
#e1fc65 rgb(225,252,101)
```
#e5fc78
```
#e5fc78 rgb(229,252,120)
```
#e9fd8c
```
#e9fd8c rgb(233,253,140)
```
#ecfd9f
```
#ecfd9f rgb(236,253,159)
```
#f0feb2
```
#f0feb2 rgb(240,254,178)
```
#f4fec5
```
#f4fec5 rgb(244,254,197)
```
#f8fed9
```
#f8fed9 rgb(248,254,217)
```
#fbffec
```
#fbffec rgb(251,255,236)
```

Tint Color Variation

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

#6f7068
```
#6f7068 rgb(111,112,104)
```
#74795f
```
#74795f rgb(116,121,95)
```
#798157
```
#798157 rgb(121,129,87)
```
#7f894f
```
#7f894f rgb(127,137,79)
```
#849246
```
#849246 rgb(132,146,70)
```
#8a9a3e
```
#8a9a3e rgb(138,154,62)
```
#8fa236
```
#8fa236 rgb(143,162,54)
```
#94aa2e
```
#94aa2e rgb(148,170,46)
```
#9ab325
```
#9ab325 rgb(154,179,37)
```
#9fbb1d
```
#9fbb1d rgb(159,187,29)
```
#a4c315
```
#a4c315 rgb(164,195,21)
```
#aacc0c
```
#aacc0c rgb(170,204,12)
```
#afd404
```
#afd404 rgb(175,212,4)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#b1b88e Atypical Achromatopsia 0.001% of the population

Dichromacy

#e1c900 Protanopia 1% of men
#fabf2e Deuteranopia 1% of men
#c5c7d6 Tritanopia 0.001% of the population

Trichromacy

#cecd01 Protanomaly 1% of men, 0.01% of women
#dec61e Deuteranomaly 6% of men, 0.4% of women
#bdcc89 Tritanomaly 0.01% of the population

#afd404 hex color

#afd404 Color Information

#afd404 Color Conversion

Color Schemes with #afd404

Alternatives to #afd404

#afd404 Preview

Shades and Tints of #afd404

Tones of #afd404

Color Blindness Simulator