#afd30b hex color

In a RGB color space, hex #afd30b is composed of 68.6% red, 82.7% green and 4.3% blue. Whereas in a CMYK color space, it is composed of 17.1% cyan, 0% magenta, 94.8% yellow and 17.3% black. It has a hue angle of 70.8 degrees, a saturation of 90.1% and a lightness of 43.5%. #afd30b color hex could be obtained by blending #ffff16 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

● #afd30b color description : Strong yellow.

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

Hex triplet	afd30b	`#afd30b`
RGB Decimal	175, 211, 11	`rgb(175,211,11)`
RGB Percent	68.6, 82.7, 4.3	`rgb(68.6%,82.7%,4.3%)`
CMYK	17, 0, 95, 17
HSL	70.8°, 90.1, 43.5	`hsl(70.8,90.1%,43.5%)`
HSV (or HSB)	70.8°, 94.8, 82.7
Web Safe	99cc00	`#99cc00`

CIE-LAB	79.458, -33.562, 77.749
XYZ	41.034, 55.726, 8.911
xyY	0.388, 0.527, 55.726
CIE-LCH	79.458, 84.683, 113.348
CIE-LUV	79.458, -16.742, 89.525
Hunter-Lab	74.65, -32.52, 45.177
Binary	10101111, 11010011, 00001011

#afd30b
```
#afd30b rgb(175,211,11)
```
#2f0bd3
```
#2f0bd3 rgb(47,11,211)
```

Complementary Color

#d3930b
```
#d3930b rgb(211,147,11)
```
#afd30b
```
#afd30b rgb(175,211,11)
```
#4bd30b
```
#4bd30b rgb(75,211,11)
```

Analogous Color

#930bd3
```
#930bd3 rgb(147,11,211)
```
#afd30b
```
#afd30b rgb(175,211,11)
```
#0b4bd3
```
#0b4bd3 rgb(11,75,211)
```

Split Complementary Color

#d30baf
```
#d30baf rgb(211,11,175)
```
#afd30b
```
#afd30b rgb(175,211,11)
```
#0bafd3
```
#0bafd3 rgb(11,175,211)
```

Triadic Color

#d32f0b
```
#d32f0b rgb(211,47,11)
```
#afd30b
```
#afd30b rgb(175,211,11)
```
#0bafd3
```
#0bafd3 rgb(11,175,211)
```
#2f0bd3
```
#2f0bd3 rgb(47,11,211)
```

Tetradic Color

#738a07
```
#738a07 rgb(115,138,7)
```
#87a308
```
#87a308 rgb(135,163,8)
```
#9bbb0a
```
#9bbb0a rgb(155,187,10)
```
#afd30b
```
#afd30b rgb(175,211,11)
```
#c3eb0c
```
#c3eb0c rgb(195,235,12)
```
#cdf31e
```
#cdf31e rgb(205,243,30)
```
#d2f536
```
#d2f536 rgb(210,245,54)
```

Monochromatic Color

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

#d3c50b
```
#d3c50b rgb(211,197,11)
```
#d0d30b
```
#d0d30b rgb(208,211,11)
```
#c0d30b
```
#c0d30b rgb(192,211,11)
```
#afd30b
```
#afd30b rgb(175,211,11)
```
#9ed30b
```
#9ed30b rgb(158,211,11)
```
#8ed30b
```
#8ed30b rgb(142,211,11)
```
#7dd30b
```
#7dd30b rgb(125,211,11)
```

Similar Colors

Text with hexadecimal color #afd30b

This text has a font color of #afd30b.

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

#afd30b background color

This paragraph has a background color of #afd30b.

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

#afd30b border color

This element has a border color of #afd30b.

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

CSS codes

.text {color:#afd30b;}

.background {background-color:#afd30b;}

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

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

#050600
```
#050600 rgb(5,6,0)
```
#141901
```
#141901 rgb(20,25,1)
```
#242b02
```
#242b02 rgb(36,43,2)
```
#333e03
```
#333e03 rgb(51,62,3)
```
#435004
```
#435004 rgb(67,80,4)
```
#526305
```
#526305 rgb(82,99,5)
```
#627606
```
#627606 rgb(98,118,6)
```
#718807
```
#718807 rgb(113,136,7)
```
#819b08
```
#819b08 rgb(129,155,8)
```
#90ae09
```
#90ae09 rgb(144,174,9)
```
#a0c00a
```
#a0c00a rgb(160,192,10)
```
#afd30b
```
#afd30b rgb(175,211,11)
```
#bee60c
```
#bee60c rgb(190,230,12)
```

Shade Color Variation

#caf313
```
#caf313 rgb(202,243,19)
```
#cef425
```
#cef425 rgb(206,244,37)
```
#d3f538
```
#d3f538 rgb(211,245,56)
```
#d7f64a
```
#d7f64a rgb(215,246,74)
```
#dbf75d
```
#dbf75d rgb(219,247,93)
```
#dff870
```
#dff870 rgb(223,248,112)
```
#e3f982
```
#e3f982 rgb(227,249,130)
```
#e7f995
```
#e7f995 rgb(231,249,149)
```
#ecfaa8
```
#ecfaa8 rgb(236,250,168)
```
#f0fbba
```
#f0fbba rgb(240,251,186)
```
#f4fccd
```
#f4fccd rgb(244,252,205)
```
#f8fde0
```
#f8fde0 rgb(248,253,224)
```
#fcfef2
```
#fcfef2 rgb(252,254,242)
```

Tint Color Variation

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

#737569
```
#737569 rgb(115,117,105)
```
#787e60
```
#787e60 rgb(120,126,96)
```
#7e8658
```
#7e8658 rgb(126,134,88)
```
#838f4f
```
#838f4f rgb(131,143,79)
```
#899747
```
#899747 rgb(137,151,71)
```
#8ea03e
```
#8ea03e rgb(142,160,62)
```
#94a836
```
#94a836 rgb(148,168,54)
```
#99b12d
```
#99b12d rgb(153,177,45)
```
#9fb925
```
#9fb925 rgb(159,185,37)
```
#a4c21c
```
#a4c21c rgb(164,194,28)
```
#aaca14
```
#aaca14 rgb(170,202,20)
```
#afd30b
```
#afd30b rgb(175,211,11)
```
#b4dc02
```
#b4dc02 rgb(180,220,2)
```

Tone Color Variation

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

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

Trichromacy

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

#afd30b hex color

#afd30b Color Information

#afd30b Color Conversion

Color Schemes with #afd30b

Alternatives to #afd30b

#afd30b Preview

Shades and Tints of #afd30b

Tones of #afd30b

Color Blindness Simulator