#afc301 hex color

In a RGB color space, hex #afc301 is composed of 68.6% red, 76.5% green and 0.4% blue. Whereas in a CMYK color space, it is composed of 10.3% cyan, 0% magenta, 99.5% yellow and 23.5% black. It has a hue angle of 66.2 degrees, a saturation of 99% and a lightness of 38.4%. #afc301 color hex could be obtained by blending #ffff02 with #5f8700. Closest websafe color is: #99cc00.

♥
- f
- t
- g
- R 69
- G 76
- B 0
RGB color chart
- C 10
- M 0
- Y 99
- K 24
CMYK color chart

● #afc301 color description : Strong yellow.

The hexadecimal color #afc301 has RGB values of R:175, G:195, B:1 and CMYK values of C:0.1, M:0, Y:0.99, K:0.24. Its decimal value is 11518721.

Hex triplet	afc301	`#afc301`
RGB Decimal	175, 195, 1	`rgb(175,195,1)`
RGB Percent	68.6, 76.5, 0.4	`rgb(68.6%,76.5%,0.4%)`
CMYK	10, 0, 99, 24
HSL	66.2°, 99, 38.4	`hsl(66.2,99%,38.4%)`
HSV (or HSB)	66.2°, 99.5, 76.5
Web Safe	99cc00	`#99cc00`

CIE-LAB	74.917, -26.146, 75.275
XYZ	37.2, 48.146, 7.362
xyY	0.401, 0.519, 48.146
CIE-LCH	74.917, 79.686, 109.155
CIE-LUV	74.917, -7.241, 83.899
Hunter-Lab	69.388, -25.732, 42.28
Binary	10101111, 11000011, 00000001

#afc301
```
#afc301 rgb(175,195,1)
```
#1501c3
```
#1501c3 rgb(21,1,195)
```

Complementary Color

#c37601
```
#c37601 rgb(195,118,1)
```
#afc301
```
#afc301 rgb(175,195,1)
```
#4ec301
```
#4ec301 rgb(78,195,1)
```

Analogous Color

#7601c3
```
#7601c3 rgb(118,1,195)
```
#afc301
```
#afc301 rgb(175,195,1)
```
#014ec3
```
#014ec3 rgb(1,78,195)
```

Split Complementary Color

#c301af
```
#c301af rgb(195,1,175)
```
#afc301
```
#afc301 rgb(175,195,1)
```
#01afc3
```
#01afc3 rgb(1,175,195)
```

Triadic Color

#c31501
```
#c31501 rgb(195,21,1)
```
#afc301
```
#afc301 rgb(175,195,1)
```
#01afc3
```
#01afc3 rgb(1,175,195)
```
#1501c3
```
#1501c3 rgb(21,1,195)
```

Tetradic Color

#6b7701
```
#6b7701 rgb(107,119,1)
```
#819001
```
#819001 rgb(129,144,1)
```
#98aa01
```
#98aa01 rgb(152,170,1)
```
#afc301
```
#afc301 rgb(175,195,1)
```
#c6dc01
```
#c6dc01 rgb(198,220,1)
```
#ddf601
```
#ddf601 rgb(221,246,1)
```
#e6fe13
```
#e6fe13 rgb(230,254,19)
```

Monochromatic Color

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

#c3a701
```
#c3a701 rgb(195,167,1)
```
#c3b701
```
#c3b701 rgb(195,183,1)
```
#bfc301
```
#bfc301 rgb(191,195,1)
```
#afc301
```
#afc301 rgb(175,195,1)
```
#9fc301
```
#9fc301 rgb(159,195,1)
```
#8fc301
```
#8fc301 rgb(143,195,1)
```
#7fc301
```
#7fc301 rgb(127,195,1)
```

Similar Colors

Text with hexadecimal color #afc301

This text has a font color of #afc301.

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

#afc301 background color

This paragraph has a background color of #afc301.

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

#afc301 border color

This element has a border color of #afc301.

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

CSS codes

.text {color:#afc301;}

.background {background-color:#afc301;}

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

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

#111300
```
#111300 rgb(17,19,0)
```
#232700
```
#232700 rgb(35,39,0)
```
#343a00
```
#343a00 rgb(52,58,0)
```
#464e00
```
#464e00 rgb(70,78,0)
```
#576100
```
#576100 rgb(87,97,0)
```
#697501
```
#697501 rgb(105,117,1)
```
#7a8801
```
#7a8801 rgb(122,136,1)
```
#8c9c01
```
#8c9c01 rgb(140,156,1)
```
#9daf01
```
#9daf01 rgb(157,175,1)
```
#afc301
```
#afc301 rgb(175,195,1)
```
#c1d701
```
#c1d701 rgb(193,215,1)
```
#d2ea01
```
#d2ea01 rgb(210,234,1)
```
#e4fe01
```
#e4fe01 rgb(228,254,1)
```

Shade Color Variation

#e6fe15
```
#e6fe15 rgb(230,254,21)
```
#e8fe28
```
#e8fe28 rgb(232,254,40)
```
#eafe3c
```
#eafe3c rgb(234,254,60)
```
#ecfe4f
```
#ecfe4f rgb(236,254,79)
```
#eefe63
```
#eefe63 rgb(238,254,99)
```
#f0fe76
```
#f0fe76 rgb(240,254,118)
```
#f2fe8a
```
#f2fe8a rgb(242,254,138)
```
#f4fe9d
```
#f4fe9d rgb(244,254,157)
```
#f7ffb1
```
#f7ffb1 rgb(247,255,177)
```
#f9ffc4
```
#f9ffc4 rgb(249,255,196)
```
#fbffd8
```
#fbffd8 rgb(251,255,216)
```
#fdffeb
```
#fdffeb rgb(253,255,235)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#67695b
```
#67695b rgb(103,105,91)
```
#6d7054
```
#6d7054 rgb(109,112,84)
```
#73784c
```
#73784c rgb(115,120,76)
```
#797f45
```
#797f45 rgb(121,127,69)
```
#7f873d
```
#7f873d rgb(127,135,61)
```
#858e36
```
#858e36 rgb(133,142,54)
```
#8b962e
```
#8b962e rgb(139,150,46)
```
#919d27
```
#919d27 rgb(145,157,39)
```
#97a51f
```
#97a51f rgb(151,165,31)
```
#9dac18
```
#9dac18 rgb(157,172,24)
```
#a3b410
```
#a3b410 rgb(163,180,16)
```
#a9bb09
```
#a9bb09 rgb(169,187,9)
```
#afc301
```
#afc301 rgb(175,195,1)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#a9ad86 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d3bc00 Protanopia 1% of men
#eab327 Deuteranopia 1% of men
#c2b8c6 Tritanopia 0.001% of the population

Trichromacy

#c5be00 Protanomaly 1% of men, 0.01% of women
#d5b819 Deuteranomaly 6% of men, 0.4% of women
#bbbc7e Tritanomaly 0.01% of the population

#afc301 hex color

#afc301 Color Information

#afc301 Color Conversion

Color Schemes with #afc301

Alternatives to #afc301

#afc301 Preview

Shades and Tints of #afc301

Tones of #afc301

Color Blindness Simulator