#afd704 hex color

In a RGB color space, hex #afd704 is composed of 68.6% red, 84.3% green and 1.6% blue. Whereas in a CMYK color space, it is composed of 18.6% cyan, 0% magenta, 98.1% yellow and 15.7% black. It has a hue angle of 71.4 degrees, a saturation of 96.3% and a lightness of 42.9%. #afd704 color hex could be obtained by blending #ffff08 with #5faf00. Closest websafe color is: #99cc00.

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

● #afd704 color description : Strong yellow.

The hexadecimal color #afd704 has RGB values of R:175, G:215, B:4 and CMYK values of C:0.19, M:0, Y:0.98, K:0.16. Its decimal value is 11523844.

Hex triplet	afd704	`#afd704`
RGB Decimal	175, 215, 4	`rgb(175,215,4)`
RGB Percent	68.6, 84.3, 1.6	`rgb(68.6%,84.3%,1.6%)`
CMYK	19, 0, 98, 16
HSL	71.4°, 96.3, 42.9	`hsl(71.4,96.3%,42.9%)`
HSV (or HSB)	71.4°, 98.1, 84.3
Web Safe	99cc00	`#99cc00`

CIE-LAB	80.585, -35.472, 79.263
XYZ	42.001, 57.723, 9.044
xyY	0.386, 0.531, 57.723
CIE-LCH	80.585, 86.838, 114.109
CIE-LUV	80.585, -19.016, 91.455
Hunter-Lab	75.976, -34.279, 46.125
Binary	10101111, 11010111, 00000100

#afd704
```
#afd704 rgb(175,215,4)
```
#2c04d7
```
#2c04d7 rgb(44,4,215)
```

Complementary Color

#d79604
```
#d79604 rgb(215,150,4)
```
#afd704
```
#afd704 rgb(175,215,4)
```
#45d704
```
#45d704 rgb(69,215,4)
```

Analogous Color

#9604d7
```
#9604d7 rgb(150,4,215)
```
#afd704
```
#afd704 rgb(175,215,4)
```
#0445d7
```
#0445d7 rgb(4,69,215)
```

Split Complementary Color

#d704af
```
#d704af rgb(215,4,175)
```
#afd704
```
#afd704 rgb(175,215,4)
```
#04afd7
```
#04afd7 rgb(4,175,215)
```

Triadic Color

#d72c04
```
#d72c04 rgb(215,44,4)
```
#afd704
```
#afd704 rgb(175,215,4)
```
#04afd7
```
#04afd7 rgb(4,175,215)
```
#2c04d7
```
#2c04d7 rgb(44,4,215)
```

Tetradic Color

#728c03
```
#728c03 rgb(114,140,3)
```
#86a503
```
#86a503 rgb(134,165,3)
```
#9bbe04
```
#9bbe04 rgb(155,190,4)
```
#afd704
```
#afd704 rgb(175,215,4)
```
#c3f004
```
#c3f004 rgb(195,240,4)
```
#cffb13
```
#cffb13 rgb(207,251,19)
```
#d4fb2c
```
#d4fb2c rgb(212,251,44)
```

Monochromatic Color

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

#d7ca04
```
#d7ca04 rgb(215,202,4)
```
#d2d704
```
#d2d704 rgb(210,215,4)
```
#c1d704
```
#c1d704 rgb(193,215,4)
```
#afd704
```
#afd704 rgb(175,215,4)
```
#9dd704
```
#9dd704 rgb(157,215,4)
```
#8cd704
```
#8cd704 rgb(140,215,4)
```
#7ad704
```
#7ad704 rgb(122,215,4)
```

Similar Colors

Text with hexadecimal color #afd704

This text has a font color of #afd704.

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

#afd704 background color

This paragraph has a background color of #afd704.

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

#afd704 border color

This element has a border color of #afd704.

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

CSS codes

.text {color:#afd704;}

.background {background-color:#afd704;}

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

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

#030300
```
#030300 rgb(3,3,0)
```
#121600
```
#121600 rgb(18,22,0)
```
#222a01
```
#222a01 rgb(34,42,1)
```
#323d01
```
#323d01 rgb(50,61,1)
```
#415001
```
#415001 rgb(65,80,1)
```
#516302
```
#516302 rgb(81,99,2)
```
#617702
```
#617702 rgb(97,119,2)
```
#708a03
```
#708a03 rgb(112,138,3)
```
#809d03
```
#809d03 rgb(128,157,3)
```
#90b003
```
#90b003 rgb(144,176,3)
```
#9fc404
```
#9fc404 rgb(159,196,4)
```
#afd704
```
#afd704 rgb(175,215,4)
```
#bfea04
```
#bfea04 rgb(191,234,4)
```

Shade Color Variation

#ccfa08
```
#ccfa08 rgb(204,250,8)
```
#d0fb1b
```
#d0fb1b rgb(208,251,27)
```
#d4fb2e
```
#d4fb2e rgb(212,251,46)
```
#d8fb42
```
#d8fb42 rgb(216,251,66)
```
#dcfc55
```
#dcfc55 rgb(220,252,85)
```
#e0fc68
```
#e0fc68 rgb(224,252,104)
```
#e4fd7b
```
#e4fd7b rgb(228,253,123)
```
#e8fd8f
```
#e8fd8f rgb(232,253,143)
```
#ecfda2
```
#ecfda2 rgb(236,253,162)
```
#f0feb5
```
#f0feb5 rgb(240,254,181)
```
#f4fec8
```
#f4fec8 rgb(244,254,200)
```
#f8fedc
```
#f8fedc rgb(248,254,220)
```
#fcffef
```
#fcffef rgb(252,255,239)
```

Tint Color Variation

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

#707269
```
#707269 rgb(112,114,105)
```
#757a61
```
#757a61 rgb(117,122,97)
```
#7b8358
```
#7b8358 rgb(123,131,88)
```
#808b50
```
#808b50 rgb(128,139,80)
```
#859447
```
#859447 rgb(133,148,71)
```
#8a9c3f
```
#8a9c3f rgb(138,156,63)
```
#90a437
```
#90a437 rgb(144,164,55)
```
#95ad2e
```
#95ad2e rgb(149,173,46)
```
#9ab526
```
#9ab526 rgb(154,181,38)
```
#9fbe1d
```
#9fbe1d rgb(159,190,29)
```
#a5c615
```
#a5c615 rgb(165,198,21)
```
#aacf0c
```
#aacf0c rgb(170,207,12)
```
#afd704
```
#afd704 rgb(175,215,4)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#b2ba90 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e3cb00 Protanopia 1% of men
#fdc12f Deuteranopia 1% of men
#c6cad9 Tritanopia 0.001% of the population

Trichromacy

#d0cf01 Protanomaly 1% of men, 0.01% of women
#e0c91f Deuteranomaly 6% of men, 0.4% of women
#bdcf8b Tritanomaly 0.01% of the population

#afd704 hex color

#afd704 Color Information

#afd704 Color Conversion

Color Schemes with #afd704

Alternatives to #afd704

#afd704 Preview

Shades and Tints of #afd704

Tones of #afd704

Color Blindness Simulator