#afc500 hex color

In a RGB color space, hex #afc500 is composed of 68.6% red, 77.3% green and 0% blue. Whereas in a CMYK color space, it is composed of 11.2% cyan, 0% magenta, 100% yellow and 22.7% black. It has a hue angle of 66.7 degrees, a saturation of 100% and a lightness of 38.6%. #afc500 color hex could be obtained by blending #ffff00 with #5f8b00. Closest websafe color is: #99cc00.

♥
- f
- t
- g
- R 69
- G 77
- B 0
RGB color chart
- C 11
- M 0
- Y 100
- K 23
CMYK color chart

● #afc500 color description : Strong yellow.

The hexadecimal color #afc500 has RGB values of R:175, G:197, B:0 and CMYK values of C:0.11, M:0, Y:1, K:0.23. Its decimal value is 11519232.

Hex triplet	afc500	`#afc500`
RGB Decimal	175, 197, 0	`rgb(175,197,0)`
RGB Percent	68.6, 77.3, 0	`rgb(68.6%,77.3%,0%)`
CMYK	11, 0, 100, 23
HSL	66.7°, 100, 38.6	`hsl(66.7,100%,38.6%)`
HSV (or HSB)	66.7°, 100, 77.3
Web Safe	99cc00	`#99cc00`

CIE-LAB	75.48, -27.119, 75.799
XYZ	37.645, 49.047, 7.484
xyY	0.4, 0.521, 49.047
CIE-LCH	75.48, 80.505, 109.686
CIE-LUV	75.48, -8.457, 84.733
Hunter-Lab	70.033, -26.608, 42.687
Binary	10101111, 11000101, 00000000

#afc500
```
#afc500 rgb(175,197,0)
```
#1600c5
```
#1600c5 rgb(22,0,197)
```

Complementary Color

#c57900
```
#c57900 rgb(197,121,0)
```
#afc500
```
#afc500 rgb(175,197,0)
```
#4dc500
```
#4dc500 rgb(77,197,0)
```

Analogous Color

#7900c5
```
#7900c5 rgb(121,0,197)
```
#afc500
```
#afc500 rgb(175,197,0)
```
#004dc5
```
#004dc5 rgb(0,77,197)
```

Split Complementary Color

#c500af
```
#c500af rgb(197,0,175)
```
#afc500
```
#afc500 rgb(175,197,0)
```
#00afc5
```
#00afc5 rgb(0,175,197)
```

Triadic Color

#c51600
```
#c51600 rgb(197,22,0)
```
#afc500
```
#afc500 rgb(175,197,0)
```
#00afc5
```
#00afc5 rgb(0,175,197)
```
#1600c5
```
#1600c5 rgb(22,0,197)
```

Tetradic Color

#6b7900
```
#6b7900 rgb(107,121,0)
```
#829200
```
#829200 rgb(130,146,0)
```
#98ac00
```
#98ac00 rgb(152,172,0)
```
#afc500
```
#afc500 rgb(175,197,0)
```
#c6df00
```
#c6df00 rgb(198,223,0)
```
#dcf800
```
#dcf800 rgb(220,248,0)
```
#e5ff13
```
#e5ff13 rgb(229,255,19)
```

Monochromatic Color

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

#c5aa00
```
#c5aa00 rgb(197,170,0)
```
#c5ba00
```
#c5ba00 rgb(197,186,0)
```
#bfc500
```
#bfc500 rgb(191,197,0)
```
#afc500
```
#afc500 rgb(175,197,0)
```
#9fc500
```
#9fc500 rgb(159,197,0)
```
#8ec500
```
#8ec500 rgb(142,197,0)
```
#7ec500
```
#7ec500 rgb(126,197,0)
```

Similar Colors

Text with hexadecimal color #afc500

This text has a font color of #afc500.

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

#afc500 background color

This paragraph has a background color of #afc500.

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

#afc500 border color

This element has a border color of #afc500.

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

CSS codes

.text {color:#afc500;}

.background {background-color:#afc500;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#121400
```
#121400 rgb(18,20,0)
```
#242800
```
#242800 rgb(36,40,0)
```
#353c00
```
#353c00 rgb(53,60,0)
```
#464f00
```
#464f00 rgb(70,79,0)
```
#586300
```
#586300 rgb(88,99,0)
```
#697700
```
#697700 rgb(105,119,0)
```
#7b8a00
```
#7b8a00 rgb(123,138,0)
```
#8c9e00
```
#8c9e00 rgb(140,158,0)
```
#9eb100
```
#9eb100 rgb(158,177,0)
```
#afc500
```
#afc500 rgb(175,197,0)
```
#c0d900
```
#c0d900 rgb(192,217,0)
```
#d2ec00
```
#d2ec00 rgb(210,236,0)
```

Shade Color Variation

#e3ff01
```
#e3ff01 rgb(227,255,1)
```
#e5ff14
```
#e5ff14 rgb(229,255,20)
```
#e7ff28
```
#e7ff28 rgb(231,255,40)
```
#e9ff3c
```
#e9ff3c rgb(233,255,60)
```
#ebff4f
```
#ebff4f rgb(235,255,79)
```
#eeff63
```
#eeff63 rgb(238,255,99)
```
#f0ff77
```
#f0ff77 rgb(240,255,119)
```
#f2ff8a
```
#f2ff8a rgb(242,255,138)
```
#f4ff9e
```
#f4ff9e rgb(244,255,158)
```
#f6ffb1
```
#f6ffb1 rgb(246,255,177)
```
#f9ffc5
```
#f9ffc5 rgb(249,255,197)
```
#fbffd9
```
#fbffd9 rgb(251,255,217)
```
#fdffec
```
#fdffec rgb(253,255,236)
```

Tint Color Variation

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

#686a5b
```
#686a5b rgb(104,106,91)
```
#6e7253
```
#6e7253 rgb(110,114,83)
```
#74794c
```
#74794c rgb(116,121,76)
```
#7a8144
```
#7a8144 rgb(122,129,68)
```
#80883d
```
#80883d rgb(128,136,61)
```
#869035
```
#869035 rgb(134,144,53)
```
#8c982d
```
#8c982d rgb(140,152,45)
```
#929f26
```
#929f26 rgb(146,159,38)
```
#97a71e
```
#97a71e rgb(151,167,30)
```
#9dae17
```
#9dae17 rgb(157,174,23)
```
#a3b60f
```
#a3b60f rgb(163,182,15)
```
#a9bd08
```
#a9bd08 rgb(169,189,8)
```
#afc500
```
#afc500 rgb(175,197,0)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#a9ae86 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d4bd00 Protanopia 1% of men
#ecb428 Deuteranopia 1% of men
#c3bac7 Tritanopia 0.001% of the population

Trichromacy

#c7c000 Protanomaly 1% of men, 0.01% of women
#d6ba19 Deuteranomaly 6% of men, 0.4% of women
#bbbe7f Tritanomaly 0.01% of the population

#afc500 hex color

#afc500 Color Information

#afc500 Color Conversion

Color Schemes with #afc500

Alternatives to #afc500

#afc500 Preview

Shades and Tints of #afc500

Tones of #afc500

Color Blindness Simulator