#afd30a hex color

In a RGB color space, hex #afd30a is composed of 68.6% red, 82.7% green and 3.9% blue. Whereas in a CMYK color space, it is composed of 17.1% cyan, 0% magenta, 95.3% yellow and 17.3% black. It has a hue angle of 70.7 degrees, a saturation of 91% and a lightness of 43.3%. #afd30a color hex could be obtained by blending #ffff14 with #5fa700. Closest websafe color is: #99cc00.

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

● #afd30a color description : Strong yellow.

The hexadecimal color #afd30a has RGB values of R:175, G:211, B:10 and CMYK values of C:0.17, M:0, Y:0.95, K:0.17. Its decimal value is 11522826.

Hex triplet	afd30a	`#afd30a`
RGB Decimal	175, 211, 10	`rgb(175,211,10)`
RGB Percent	68.6, 82.7, 3.9	`rgb(68.6%,82.7%,3.9%)`
CMYK	17, 0, 95, 17
HSL	70.7°, 91, 43.3	`hsl(70.7,91%,43.3%)`
HSV (or HSB)	70.7°, 95.3, 82.7
Web Safe	99cc00	`#99cc00`

CIE-LAB	79.457, -33.574, 77.843
XYZ	41.028, 55.724, 8.882
xyY	0.388, 0.528, 55.724
CIE-LCH	79.457, 84.774, 113.331
CIE-LUV	79.457, -16.74, 89.581
Hunter-Lab	74.649, -32.529, 45.2
Binary	10101111, 11010011, 00001010

#afd30a
```
#afd30a rgb(175,211,10)
```
#2e0ad3
```
#2e0ad3 rgb(46,10,211)
```

Complementary Color

#d3930a
```
#d3930a rgb(211,147,10)
```
#afd30a
```
#afd30a rgb(175,211,10)
```
#4bd30a
```
#4bd30a rgb(75,211,10)
```

Analogous Color

#930ad3
```
#930ad3 rgb(147,10,211)
```
#afd30a
```
#afd30a rgb(175,211,10)
```
#0a4bd3
```
#0a4bd3 rgb(10,75,211)
```

Split Complementary Color

#d30aaf
```
#d30aaf rgb(211,10,175)
```
#afd30a
```
#afd30a rgb(175,211,10)
```
#0aafd3
```
#0aafd3 rgb(10,175,211)
```

Triadic Color

#d32e0a
```
#d32e0a rgb(211,46,10)
```
#afd30a
```
#afd30a rgb(175,211,10)
```
#0aafd3
```
#0aafd3 rgb(10,175,211)
```
#2e0ad3
```
#2e0ad3 rgb(46,10,211)
```

Tetradic Color

#728a07
```
#728a07 rgb(114,138,7)
```
#87a208
```
#87a208 rgb(135,162,8)
```
#9bbb09
```
#9bbb09 rgb(155,187,9)
```
#afd30a
```
#afd30a rgb(175,211,10)
```
#c3eb0b
```
#c3eb0b rgb(195,235,11)
```
#cdf41c
```
#cdf41c rgb(205,244,28)
```
#d3f534
```
#d3f534 rgb(211,245,52)
```

Monochromatic Color

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

#d3c50a
```
#d3c50a rgb(211,197,10)
```
#d1d30a
```
#d1d30a rgb(209,211,10)
```
#c0d30a
```
#c0d30a rgb(192,211,10)
```
#afd30a
```
#afd30a rgb(175,211,10)
```
#9ed30a
```
#9ed30a rgb(158,211,10)
```
#8ed30a
```
#8ed30a rgb(142,211,10)
```
#7dd30a
```
#7dd30a rgb(125,211,10)
```

Similar Colors

Text with hexadecimal color #afd30a

This text has a font color of #afd30a.

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

#afd30a background color

This paragraph has a background color of #afd30a.

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

#afd30a border color

This element has a border color of #afd30a.

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

CSS codes

.text {color:#afd30a;}

.background {background-color:#afd30a;}

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

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

#040500
```
#040500 rgb(4,5,0)
```
#141801
```
#141801 rgb(20,24,1)
```
#232a02
```
#232a02 rgb(35,42,2)
```
#333d03
```
#333d03 rgb(51,61,3)
```
#425004
```
#425004 rgb(66,80,4)
```
#526305
```
#526305 rgb(82,99,5)
```
#617506
```
#617506 rgb(97,117,6)
```
#718806
```
#718806 rgb(113,136,6)
```
#809b07
```
#809b07 rgb(128,155,7)
```
#90ae08
```
#90ae08 rgb(144,174,8)
```
#9fc009
```
#9fc009 rgb(159,192,9)
```
#afd30a
```
#afd30a rgb(175,211,10)
```
#bfe60b
```
#bfe60b rgb(191,230,11)
```

Shade Color Variation

#cbf411
```
#cbf411 rgb(203,244,17)
```
#cff523
```
#cff523 rgb(207,245,35)
```
#d3f536
```
#d3f536 rgb(211,245,54)
```
#d7f649
```
#d7f649 rgb(215,246,73)
```
#dbf75b
```
#dbf75b rgb(219,247,91)
```
#dff86e
```
#dff86e rgb(223,248,110)
```
#e4f981
```
#e4f981 rgb(228,249,129)
```
#e8fa94
```
#e8fa94 rgb(232,250,148)
```
#ecfba6
```
#ecfba6 rgb(236,251,166)
```
#f0fcb9
```
#f0fcb9 rgb(240,252,185)
```
#f4fdcc
```
#f4fdcc rgb(244,253,204)
```
#f8fddf
```
#f8fddf rgb(248,253,223)
```
#fcfef1
```
#fcfef1 rgb(252,254,241)
```

Tint Color Variation

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

#737668
```
#737668 rgb(115,118,104)
```
#787e5f
```
#787e5f rgb(120,126,95)
```
#7e8757
```
#7e8757 rgb(126,135,87)
```
#838f4e
```
#838f4e rgb(131,143,78)
```
#899846
```
#899846 rgb(137,152,70)
```
#8ea03d
```
#8ea03d rgb(142,160,61)
```
#94a935
```
#94a935 rgb(148,169,53)
```
#99b12c
```
#99b12c rgb(153,177,44)
```
#9fba24
```
#9fba24 rgb(159,186,36)
```
#a4c21b
```
#a4c21b rgb(164,194,27)
```
#aacb13
```
#aacb13 rgb(170,203,19)
```
#afd30a
```
#afd30a rgb(175,211,10)
```
#b4dc01
```
#b4dc01 rgb(180,220,1)
```

Tone Color Variation

Below, you can see how #afd30a 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
#b1b890 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e0c80e Protanopia 1% of men
#f9be30 Deuteranopia 1% of men
#c5c7d5 Tritanopia 0.001% of the population

Trichromacy

#cecc0d Protanomaly 1% of men, 0.01% of women
#dec522 Deuteranomaly 6% of men, 0.4% of women
#bdcb8b Tritanomaly 0.01% of the population

#afd30a hex color

#afd30a Color Information

#afd30a Color Conversion

Color Schemes with #afd30a

Alternatives to #afd30a

#afd30a Preview

Shades and Tints of #afd30a

Tones of #afd30a

Color Blindness Simulator