#afd300 hex color

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

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

● #afd300 color description : Strong yellow.

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

Hex triplet	afd300	`#afd300`
RGB Decimal	175, 211, 0	`rgb(175,211,0)`
RGB Percent	68.6, 82.7, 0	`rgb(68.6%,82.7%,0%)`
CMYK	17, 0, 100, 17
HSL	70.2°, 100, 41.4	`hsl(70.2,100%,41.4%)`
HSV (or HSB)	70.2°, 100, 82.7
Web Safe	99cc00	`#99cc00`

CIE-LAB	79.444, -33.688, 78.771
XYZ	40.973, 55.702, 8.593
xyY	0.389, 0.529, 55.702
CIE-LCH	79.444, 85.672, 113.155
CIE-LUV	79.444, -16.729, 90.135
Hunter-Lab	74.634, -32.615, 45.417
Binary	10101111, 11010011, 00000000

#afd300
```
#afd300 rgb(175,211,0)
```
#2400d3
```
#2400d3 rgb(36,0,211)
```

Complementary Color

#d38e00
```
#d38e00 rgb(211,142,0)
```
#afd300
```
#afd300 rgb(175,211,0)
```
#45d300
```
#45d300 rgb(69,211,0)
```

Analogous Color

#8e00d3
```
#8e00d3 rgb(142,0,211)
```
#afd300
```
#afd300 rgb(175,211,0)
```
#0045d3
```
#0045d3 rgb(0,69,211)
```

Split Complementary Color

#d300af
```
#d300af rgb(211,0,175)
```
#afd300
```
#afd300 rgb(175,211,0)
```
#00afd3
```
#00afd3 rgb(0,175,211)
```

Triadic Color

#d32400
```
#d32400 rgb(211,36,0)
```
#afd300
```
#afd300 rgb(175,211,0)
```
#00afd3
```
#00afd3 rgb(0,175,211)
```
#2400d3
```
#2400d3 rgb(36,0,211)
```

Tetradic Color

#708700
```
#708700 rgb(112,135,0)
```
#85a000
```
#85a000 rgb(133,160,0)
```
#9aba00
```
#9aba00 rgb(154,186,0)
```
#afd300
```
#afd300 rgb(175,211,0)
```
#c4ed00
```
#c4ed00 rgb(196,237,0)
```
#d5ff07
```
#d5ff07 rgb(213,255,7)
```
#d9ff21
```
#d9ff21 rgb(217,255,33)
```

Monochromatic Color

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

#d3c200
```
#d3c200 rgb(211,194,0)
```
#d2d300
```
#d2d300 rgb(210,211,0)
```
#c1d300
```
#c1d300 rgb(193,211,0)
```
#afd300
```
#afd300 rgb(175,211,0)
```
#9dd300
```
#9dd300 rgb(157,211,0)
```
#8cd300
```
#8cd300 rgb(140,211,0)
```
#7ad300
```
#7ad300 rgb(122,211,0)
```

Similar Colors

Text with hexadecimal color #afd300

This text has a font color of #afd300.

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

#afd300 background color

This paragraph has a background color of #afd300.

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

#afd300 border color

This element has a border color of #afd300.

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

CSS codes

.text {color:#afd300;}

.background {background-color:#afd300;}

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

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, #0c0f00 is the darkest color, while #fefffa is the lightest one.

#0c0f00
```
#0c0f00 rgb(12,15,0)
```
#1d2200
```
#1d2200 rgb(29,34,0)
```
#2d3600
```
#2d3600 rgb(45,54,0)
```
#3d4a00
```
#3d4a00 rgb(61,74,0)
```
#4d5d00
```
#4d5d00 rgb(77,93,0)
```
#5e7100
```
#5e7100 rgb(94,113,0)
```
#6e8500
```
#6e8500 rgb(110,133,0)
```
#7e9800
```
#7e9800 rgb(126,152,0)
```
#8eac00
```
#8eac00 rgb(142,172,0)
```
#9fbf00
```
#9fbf00 rgb(159,191,0)
```
#afd300
```
#afd300 rgb(175,211,0)
```
#bfe700
```
#bfe700 rgb(191,231,0)
```
#d0fa00
```
#d0fa00 rgb(208,250,0)
```

Shade Color Variation

#d6ff0f
```
#d6ff0f rgb(214,255,15)
```
#d9ff22
```
#d9ff22 rgb(217,255,34)
```
#ddff36
```
#ddff36 rgb(221,255,54)
```
#e0ff4a
```
#e0ff4a rgb(224,255,74)
```
#e3ff5d
```
#e3ff5d rgb(227,255,93)
```
#e7ff71
```
#e7ff71 rgb(231,255,113)
```
#eaff85
```
#eaff85 rgb(234,255,133)
```
#edff98
```
#edff98 rgb(237,255,152)
```
#f1ffac
```
#f1ffac rgb(241,255,172)
```
#f4ffbf
```
#f4ffbf rgb(244,255,191)
```
#f7ffd3
```
#f7ffd3 rgb(247,255,211)
```
#fbffe7
```
#fbffe7 rgb(251,255,231)
```
#fefffa
```
#fefffa rgb(254,255,250)
```

Tint Color Variation

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

#6f7261
```
#6f7261 rgb(111,114,97)
```
#747a59
```
#747a59 rgb(116,122,89)
```
#7a8251
```
#7a8251 rgb(122,130,81)
```
#7f8a49
```
#7f8a49 rgb(127,138,73)
```
#849241
```
#849241 rgb(132,146,65)
```
#8a9a39
```
#8a9a39 rgb(138,154,57)
```
#8fa231
```
#8fa231 rgb(143,162,49)
```
#94aa29
```
#94aa29 rgb(148,170,41)
```
#9ab320
```
#9ab320 rgb(154,179,32)
```
#9fbb18
```
#9fbb18 rgb(159,187,24)
```
#a4c310
```
#a4c310 rgb(164,195,16)
```
#aacb08
```
#aacb08 rgb(170,203,8)
```
#afd300
```
#afd300 rgb(175,211,0)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#b0b78d Atypical Achromatopsia 0.001% of the population

Dichromacy

#e0c800 Protanopia 1% of men
#f9be2c Deuteranopia 1% of men
#c5c7d5 Tritanopia 0.001% of the population

Trichromacy

#cecc00 Protanomaly 1% of men, 0.01% of women
#dec51c Deuteranomaly 6% of men, 0.4% of women
#bdcb87 Tritanomaly 0.01% of the population

#afd300 hex color

#afd300 Color Information

#afd300 Color Conversion

Color Schemes with #afd300

Alternatives to #afd300

#afd300 Preview

Shades and Tints of #afd300

Tones of #afd300

Color Blindness Simulator