#afdf04 hex color

In a RGB color space, hex #afdf04 is composed of 68.6% red, 87.5% green and 1.6% blue. Whereas in a CMYK color space, it is composed of 21.5% cyan, 0% magenta, 98.2% yellow and 12.5% black. It has a hue angle of 73.2 degrees, a saturation of 96.5% and a lightness of 44.5%. #afdf04 color hex could be obtained by blending #ffff08 with #5fbf00. Closest websafe color is: #99cc00.

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

● #afdf04 color description : Vivid yellow.

The hexadecimal color #afdf04 has RGB values of R:175, G:223, B:4 and CMYK values of C:0.22, M:0, Y:0.98, K:0.13. Its decimal value is 11525892.

Hex triplet	afdf04	`#afdf04`
RGB Decimal	175, 223, 4	`rgb(175,223,4)`
RGB Percent	68.6, 87.5, 1.6	`rgb(68.6%,87.5%,1.6%)`
CMYK	22, 0, 98, 13
HSL	73.2°, 96.5, 44.5	`hsl(73.2,96.5%,44.5%)`
HSV (or HSB)	73.2°, 98.2, 87.5
Web Safe	99cc00	`#99cc00`

CIE-LAB	82.859, -39.068, 81.001
XYZ	44.088, 61.897, 9.74
xyY	0.381, 0.535, 61.897
CIE-LCH	82.859, 89.93, 115.748
CIE-LUV	82.859, -23.48, 94.529
Hunter-Lab	78.675, -37.652, 47.733
Binary	10101111, 11011111, 00000100

#afdf04
```
#afdf04 rgb(175,223,4)
```
#3404df
```
#3404df rgb(52,4,223)
```

Complementary Color

#dfa204
```
#dfa204 rgb(223,162,4)
```
#afdf04
```
#afdf04 rgb(175,223,4)
```
#42df04
```
#42df04 rgb(66,223,4)
```

Analogous Color

#a204df
```
#a204df rgb(162,4,223)
```
#afdf04
```
#afdf04 rgb(175,223,4)
```
#0442df
```
#0442df rgb(4,66,223)
```

Split Complementary Color

#df04af
```
#df04af rgb(223,4,175)
```
#afdf04
```
#afdf04 rgb(175,223,4)
```
#04afdf
```
#04afdf rgb(4,175,223)
```

Triadic Color

#df3404
```
#df3404 rgb(223,52,4)
```
#afdf04
```
#afdf04 rgb(175,223,4)
```
#04afdf
```
#04afdf rgb(4,175,223)
```
#3404df
```
#3404df rgb(52,4,223)
```

Tetradic Color

#749403
```
#749403 rgb(116,148,3)
```
#88ad03
```
#88ad03 rgb(136,173,3)
```
#9bc604
```
#9bc604 rgb(155,198,4)
```
#afdf04
```
#afdf04 rgb(175,223,4)
```
#c3f804
```
#c3f804 rgb(195,248,4)
```
#cafb1b
```
#cafb1b rgb(202,251,27)
```
#d0fb34
```
#d0fb34 rgb(208,251,52)
```

Monochromatic Color

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

#dfd804
```
#dfd804 rgb(223,216,4)
```
#d4df04
```
#d4df04 rgb(212,223,4)
```
#c1df04
```
#c1df04 rgb(193,223,4)
```
#afdf04
```
#afdf04 rgb(175,223,4)
```
#9ddf04
```
#9ddf04 rgb(157,223,4)
```
#8bdf04
```
#8bdf04 rgb(139,223,4)
```
#78df04
```
#78df04 rgb(120,223,4)
```

Similar Colors

Text with hexadecimal color #afdf04

This text has a font color of #afdf04.

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

#afdf04 background color

This paragraph has a background color of #afdf04.

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

#afdf04 border color

This element has a border color of #afdf04.

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

CSS codes

.text {color:#afdf04;}

.background {background-color:#afdf04;}

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

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, #090b00 is the darkest color, while #fdfff7 is the lightest one.

#090b00
```
#090b00 rgb(9,11,0)
```
#181e01
```
#181e01 rgb(24,30,1)
```
#273201
```
#273201 rgb(39,50,1)
```
#364501
```
#364501 rgb(54,69,1)
```
#455802
```
#455802 rgb(69,88,2)
```
#546b02
```
#546b02 rgb(84,107,2)
```
#637f02
```
#637f02 rgb(99,127,2)
```
#739203
```
#739203 rgb(115,146,3)
```
#82a503
```
#82a503 rgb(130,165,3)
```
#91b803
```
#91b803 rgb(145,184,3)
```
#a0cc04
```
#a0cc04 rgb(160,204,4)
```
#afdf04
```
#afdf04 rgb(175,223,4)
```
#bef204
```
#bef204 rgb(190,242,4)
```

Shade Color Variation

#c7fb10
```
#c7fb10 rgb(199,251,16)
```
#ccfb23
```
#ccfb23 rgb(204,251,35)
```
#d0fb36
```
#d0fb36 rgb(208,251,54)
```
#d5fc49
```
#d5fc49 rgb(213,252,73)
```
#d9fc5d
```
#d9fc5d rgb(217,252,93)
```
#defc70
```
#defc70 rgb(222,252,112)
```
#e2fd83
```
#e2fd83 rgb(226,253,131)
```
#e7fd96
```
#e7fd96 rgb(231,253,150)
```
#ebfdaa
```
#ebfdaa rgb(235,253,170)
```
#f0febd
```
#f0febd rgb(240,254,189)
```
#f4fed0
```
#f4fed0 rgb(244,254,208)
```
#f9ffe3
```
#f9ffe3 rgb(249,255,227)
```
#fdfff7
```
#fdfff7 rgb(253,255,247)
```

Tint Color Variation

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

#74766d
```
#74766d rgb(116,118,109)
```
#797f64
```
#797f64 rgb(121,127,100)
```
#7e885b
```
#7e885b rgb(126,136,91)
```
#839053
```
#839053 rgb(131,144,83)
```
#88994a
```
#88994a rgb(136,153,74)
```
#8da241
```
#8da241 rgb(141,162,65)
```
#92ab38
```
#92ab38 rgb(146,171,56)
```
#96b330
```
#96b330 rgb(150,179,48)
```
#9bbc27
```
#9bbc27 rgb(155,188,39)
```
#a0c51e
```
#a0c51e rgb(160,197,30)
```
#a5ce15
```
#a5ce15 rgb(165,206,21)
```
#aad60d
```
#aad60d rgb(170,214,13)
```
#afdf04
```
#afdf04 rgb(175,223,4)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#b6c094 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ead100 Protanopia 1% of men
#ffc85e Deuteranopia 1% of men
#c8d1e0 Tritanopia 0.001% of the population

Trichromacy

#d4d601 Protanomaly 1% of men, 0.01% of women
#e1d03d Deuteranomaly 6% of men, 0.4% of women
#bed690 Tritanomaly 0.01% of the population

#afdf04 hex color

#afdf04 Color Information

#afdf04 Color Conversion

Color Schemes with #afdf04

Alternatives to #afdf04

#afdf04 Preview

Shades and Tints of #afdf04

Tones of #afdf04

Color Blindness Simulator