colorhexa.com

#afc520 hex color

In a RGB color space, hex #afc520 is composed of 68.6% red, 77.3% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 11.2% cyan, 0% magenta, 83.8% yellow and 22.7% black. It has a hue angle of 68 degrees, a saturation of 72.1% and a lightness of 44.9%. #afc520 color hex could be obtained by blending #ffff40 with #5f8b00. Closest websafe color is: #99cc33.

- R 69
- G 77
- B 13
RGB color chart
- C 11
- M 0
- Y 84
- K 23
CMYK color chart

● #afc520 color description : Strong yellow.

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

Hex triplet	afc520	`#afc520`
RGB Decimal	175, 197, 32	`rgb(175,197,32)`
RGB Percent	68.6, 77.3, 12.5	`rgb(68.6%,77.3%,12.5%)`
CMYK	11, 0, 84, 23
HSL	68°, 72.1, 44.9	`hsl(68,72.1%,44.9%)`
HSV (or HSB)	68°, 83.8, 77.3
Web Safe	99cc33	`#99cc33`

CIE-LAB	75.545, -26.552, 71.18
XYZ	37.906, 49.151, 8.857
xyY	0.395, 0.512, 49.151
CIE-LCH	75.545, 75.971, 110.457
CIE-LUV	75.545, -8.565, 81.917
Hunter-Lab	70.108, -26.177, 41.585
Binary	10101111, 11000101, 00100000

#afc520
```
#afc520 rgb(175,197,32)
```
#3620c5
```
#3620c5 rgb(54,32,197)
```

Complementary Color

#c58920
```
#c58920 rgb(197,137,32)
```
#afc520
```
#afc520 rgb(175,197,32)
```
#5cc520
```
#5cc520 rgb(92,197,32)
```

Analogous Color

#8920c5
```
#8920c5 rgb(137,32,197)
```
#afc520
```
#afc520 rgb(175,197,32)
```
#205cc5
```
#205cc5 rgb(32,92,197)
```

Split Complementary Color

#c520af
```
#c520af rgb(197,32,175)
```
#afc520
```
#afc520 rgb(175,197,32)
```
#20afc5
```
#20afc5 rgb(32,175,197)
```

Triadic Color

#c53620
```
#c53620 rgb(197,54,32)
```
#afc520
```
#afc520 rgb(175,197,32)
```
#20afc5
```
#20afc5 rgb(32,175,197)
```
#3620c5
```
#3620c5 rgb(54,32,197)
```

Tetradic Color

#758315
```
#758315 rgb(117,131,21)
```
#889919
```
#889919 rgb(136,153,25)
```
#9caf1c
```
#9caf1c rgb(156,175,28)
```
#afc520
```
#afc520 rgb(175,197,32)
```
#c2db24
```
#c2db24 rgb(194,219,36)
```
#c9df39
```
#c9df39 rgb(201,223,57)
```
#cfe24f
```
#cfe24f rgb(207,226,79)
```

Monochromatic Color

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

#c5b220
```
#c5b220 rgb(197,178,32)
```
#c5c020
```
#c5c020 rgb(197,192,32)
```
#bdc520
```
#bdc520 rgb(189,197,32)
```
#afc520
```
#afc520 rgb(175,197,32)
```
#a1c520
```
#a1c520 rgb(161,197,32)
```
#94c520
```
#94c520 rgb(148,197,32)
```
#86c520
```
#86c520 rgb(134,197,32)
```

Similar Colors

Text with hexadecimal color #afc520

This text has a font color of #afc520.

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

#afc520 background color

This paragraph has a background color of #afc520.

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

#afc520 border color

This element has a border color of #afc520.

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

CSS codes

.text {color:#afc520;}

.background {background-color:#afc520;}

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

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

#0a0b02
```
#0a0b02 rgb(10,11,2)
```
#191c05
```
#191c05 rgb(25,28,5)
```
#282d07
```
#282d07 rgb(40,45,7)
```
#373e0a
```
#373e0a rgb(55,62,10)
```
#464f0d
```
#464f0d rgb(70,79,13)
```
#556010
```
#556010 rgb(85,96,16)
```
#647112
```
#647112 rgb(100,113,18)
```
#738215
```
#738215 rgb(115,130,21)
```
#829218
```
#829218 rgb(130,146,24)
```
#91a31b
```
#91a31b rgb(145,163,27)
```
#a0b41d
```
#a0b41d rgb(160,180,29)
```
#afc520
```
#afc520 rgb(175,197,32)
```
#bed623
```
#bed623 rgb(190,214,35)
```

Shade Color Variation

#c6dd2f
```
#c6dd2f rgb(198,221,47)
```
#cbe040
```
#cbe040 rgb(203,224,64)
```
#cfe351
```
#cfe351 rgb(207,227,81)
```
#d4e562
```
#d4e562 rgb(212,229,98)
```
#d8e873
```
#d8e873 rgb(216,232,115)
```
#ddeb83
```
#ddeb83 rgb(221,235,131)
```
#e2ee94
```
#e2ee94 rgb(226,238,148)
```
#e6f0a5
```
#e6f0a5 rgb(230,240,165)
```
#ebf3b6
```
#ebf3b6 rgb(235,243,182)
```
#f0f6c7
```
#f0f6c7 rgb(240,246,199)
```
#f4f9d8
```
#f4f9d8 rgb(244,249,216)
```
#f9fbe9
```
#f9fbe9 rgb(249,251,233)
```
#fdfefa
```
#fdfefa rgb(253,254,250)
```

Tint Color Variation

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

#75766f
```
#75766f rgb(117,118,111)
```
#7b7f66
```
#7b7f66 rgb(123,127,102)
```
#82875e
```
#82875e rgb(130,135,94)
```
#889055
```
#889055 rgb(136,144,85)
```
#8f994c
```
#8f994c rgb(143,153,76)
```
#95a243
```
#95a243 rgb(149,162,67)
```
#9cab3a
```
#9cab3a rgb(156,171,58)
```
#a2b332
```
#a2b332 rgb(162,179,50)
```
#a9bc29
```
#a9bc29 rgb(169,188,41)
```
#afc520
```
#afc520 rgb(175,197,32)
```
#b5ce17
```
#b5ce17 rgb(181,206,23)
```
#bcd70e
```
#bcd70e rgb(188,215,14)
```
#c2df06
```
#c2df06 rgb(194,223,6)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#adb190 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d4be28 Protanopia 1% of men
#ebb438 Deuteranopia 1% of men
#c2bac8 Tritanopia 0.001% of the population

Trichromacy

#c6c025 Protanomaly 1% of men, 0.01% of women
#d5ba2f Deuteranomaly 6% of men, 0.4% of women
#bbbe8b Tritanomaly 0.01% of the population