#afc501 hex color

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

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

● #afc501 color description : Strong yellow.

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

Hex triplet	afc501	`#afc501`
RGB Decimal	175, 197, 1	`rgb(175,197,1)`
RGB Percent	68.6, 77.3, 0.4	`rgb(68.6%,77.3%,0.4%)`
CMYK	11, 0, 99, 23
HSL	66.7°, 99, 38.8	`hsl(66.7,99%,38.8%)`
HSV (or HSB)	66.7°, 99.5, 77.3
Web Safe	99cc00	`#99cc00`

CIE-LAB	75.482, -27.107, 75.697
XYZ	37.651, 49.049, 7.513
xyY	0.4, 0.521, 49.049
CIE-LCH	75.482, 80.404, 109.702
CIE-LUV	75.482, -8.459, 84.674
Hunter-Lab	70.035, -26.599, 42.664
Binary	10101111, 11000101, 00000001

#afc501
```
#afc501 rgb(175,197,1)
```
#1701c5
```
#1701c5 rgb(23,1,197)
```

Complementary Color

#c57901
```
#c57901 rgb(197,121,1)
```
#afc501
```
#afc501 rgb(175,197,1)
```
#4dc501
```
#4dc501 rgb(77,197,1)
```

Analogous Color

#7901c5
```
#7901c5 rgb(121,1,197)
```
#afc501
```
#afc501 rgb(175,197,1)
```
#014dc5
```
#014dc5 rgb(1,77,197)
```

Split Complementary Color

#c501af
```
#c501af rgb(197,1,175)
```
#afc501
```
#afc501 rgb(175,197,1)
```
#01afc5
```
#01afc5 rgb(1,175,197)
```

Triadic Color

#c51701
```
#c51701 rgb(197,23,1)
```
#afc501
```
#afc501 rgb(175,197,1)
```
#01afc5
```
#01afc5 rgb(1,175,197)
```
#1701c5
```
#1701c5 rgb(23,1,197)
```

Tetradic Color

#6b7901
```
#6b7901 rgb(107,121,1)
```
#829201
```
#829201 rgb(130,146,1)
```
#98ac01
```
#98ac01 rgb(152,172,1)
```
#afc501
```
#afc501 rgb(175,197,1)
```
#c6de01
```
#c6de01 rgb(198,222,1)
```
#dcf801
```
#dcf801 rgb(220,248,1)
```
#e4fe15
```
#e4fe15 rgb(228,254,21)
```

Monochromatic Color

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

#c5aa01
```
#c5aa01 rgb(197,170,1)
```
#c5ba01
```
#c5ba01 rgb(197,186,1)
```
#bfc501
```
#bfc501 rgb(191,197,1)
```
#afc501
```
#afc501 rgb(175,197,1)
```
#9fc501
```
#9fc501 rgb(159,197,1)
```
#8ec501
```
#8ec501 rgb(142,197,1)
```
#7ec501
```
#7ec501 rgb(126,197,1)
```

Similar Colors

Text with hexadecimal color #afc501

This text has a font color of #afc501.

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

#afc501 background color

This paragraph has a background color of #afc501.

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

#afc501 border color

This element has a border color of #afc501.

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

CSS codes

.text {color:#afc501;}

.background {background-color:#afc501;}

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

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

#020200
```
#020200 rgb(2,2,0)
```
#131500
```
#131500 rgb(19,21,0)
```
#242900
```
#242900 rgb(36,41,0)
```
#363c00
```
#363c00 rgb(54,60,0)
```
#475000
```
#475000 rgb(71,80,0)
```
#586301
```
#586301 rgb(88,99,1)
```
#6a7701
```
#6a7701 rgb(106,119,1)
```
#7b8a01
```
#7b8a01 rgb(123,138,1)
```
#8c9e01
```
#8c9e01 rgb(140,158,1)
```
#9eb101
```
#9eb101 rgb(158,177,1)
```
#afc501
```
#afc501 rgb(175,197,1)
```
#c0d901
```
#c0d901 rgb(192,217,1)
```
#d2ec01
```
#d2ec01 rgb(210,236,1)
```

Shade Color Variation

#e2fe03
```
#e2fe03 rgb(226,254,3)
```
#e4fe17
```
#e4fe17 rgb(228,254,23)
```
#e6fe2a
```
#e6fe2a rgb(230,254,42)
```
#e8fe3e
```
#e8fe3e rgb(232,254,62)
```
#ebfe51
```
#ebfe51 rgb(235,254,81)
```
#edfe65
```
#edfe65 rgb(237,254,101)
```
#effe78
```
#effe78 rgb(239,254,120)
```
#f2fe8c
```
#f2fe8c rgb(242,254,140)
```
#f4ff9f
```
#f4ff9f rgb(244,255,159)
```
#f6ffb3
```
#f6ffb3 rgb(246,255,179)
```
#f8ffc6
```
#f8ffc6 rgb(248,255,198)
```
#fbffda
```
#fbffda rgb(251,255,218)
```
#fdffed
```
#fdffed rgb(253,255,237)
```

Tint Color Variation

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

#686a5c
```
#686a5c rgb(104,106,92)
```
#6e7155
```
#6e7155 rgb(110,113,85)
```
#74794d
```
#74794d rgb(116,121,77)
```
#7a8046
```
#7a8046 rgb(122,128,70)
```
#80883e
```
#80883e rgb(128,136,62)
```
#869036
```
#869036 rgb(134,144,54)
```
#8c972f
```
#8c972f rgb(140,151,47)
```
#919f27
```
#919f27 rgb(145,159,39)
```
#97a71f
```
#97a71f rgb(151,167,31)
```
#9dae18
```
#9dae18 rgb(157,174,24)
```
#a3b610
```
#a3b610 rgb(163,182,16)
```
#a9bd09
```
#a9bd09 rgb(169,189,9)
```
#afc501
```
#afc501 rgb(175,197,1)
```

Tone Color Variation

Below, you can see how #afc501 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
#a9ae87 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
#d6ba1a Deuteranomaly 6% of men, 0.4% of women
#bbbe7f Tritanomaly 0.01% of the population

#afc501 hex color

#afc501 Color Information

#afc501 Color Conversion

Color Schemes with #afc501

Alternatives to #afc501

#afc501 Preview

Shades and Tints of #afc501

Tones of #afc501

Color Blindness Simulator