colorhexa.com

#afc61f hex color

In a RGB color space, hex #afc61f is composed of 68.6% red, 77.6% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 11.6% cyan, 0% magenta, 84.3% yellow and 22.4% black. It has a hue angle of 68.3 degrees, a saturation of 72.9% and a lightness of 44.9%. #afc61f color hex could be obtained by blending #ffff3e with #5f8d00. Closest websafe color is: #99cc33.

- R 69
- G 78
- B 12
RGB color chart
- C 12
- M 0
- Y 84
- K 22
CMYK color chart

● #afc61f color description : Strong yellow.

The hexadecimal color #afc61f has RGB values of R:175, G:198, B:31 and CMYK values of C:0.12, M:0, Y:0.84, K:0.22. Its decimal value is 11519519.

Hex triplet	afc61f	`#afc61f`
RGB Decimal	175, 198, 31	`rgb(175,198,31)`
RGB Percent	68.6, 77.6, 12.2	`rgb(68.6%,77.6%,12.2%)`
CMYK	12, 0, 84, 22
HSL	68.3°, 72.9, 44.9	`hsl(68.3,72.9%,44.9%)`
HSV (or HSB)	68.3°, 84.3, 77.6
Web Safe	99cc33	`#99cc33`

CIE-LAB	75.824, -27.061, 71.643
XYZ	38.12, 49.601, 8.862
xyY	0.395, 0.514, 49.601
CIE-LCH	75.824, 76.583, 110.693
CIE-LUV	75.824, -9.161, 82.462
Hunter-Lab	70.428, -26.633, 41.839
Binary	10101111, 11000110, 00011111

#afc61f
```
#afc61f rgb(175,198,31)
```
#361fc6
```
#361fc6 rgb(54,31,198)
```

Complementary Color

#c68a1f
```
#c68a1f rgb(198,138,31)
```
#afc61f
```
#afc61f rgb(175,198,31)
```
#5cc61f
```
#5cc61f rgb(92,198,31)
```

Analogous Color

#8a1fc6
```
#8a1fc6 rgb(138,31,198)
```
#afc61f
```
#afc61f rgb(175,198,31)
```
#1f5cc6
```
#1f5cc6 rgb(31,92,198)
```

Split Complementary Color

#c61faf
```
#c61faf rgb(198,31,175)
```
#afc61f
```
#afc61f rgb(175,198,31)
```
#1fafc6
```
#1fafc6 rgb(31,175,198)
```

Triadic Color

#c6361f
```
#c6361f rgb(198,54,31)
```
#afc61f
```
#afc61f rgb(175,198,31)
```
#1fafc6
```
#1fafc6 rgb(31,175,198)
```
#361fc6
```
#361fc6 rgb(54,31,198)
```

Tetradic Color

#758415
```
#758415 rgb(117,132,21)
```
#889a18
```
#889a18 rgb(136,154,24)
```
#9cb01c
```
#9cb01c rgb(156,176,28)
```
#afc61f
```
#afc61f rgb(175,198,31)
```
#c2dc22
```
#c2dc22 rgb(194,220,34)
```
#c9e038
```
#c9e038 rgb(201,224,56)
```
#cfe34e
```
#cfe34e rgb(207,227,78)
```

Monochromatic Color

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

#c6b31f
```
#c6b31f rgb(198,179,31)
```
#c6c11f
```
#c6c11f rgb(198,193,31)
```
#bdc61f
```
#bdc61f rgb(189,198,31)
```
#afc61f
```
#afc61f rgb(175,198,31)
```
#a1c61f
```
#a1c61f rgb(161,198,31)
```
#93c61f
```
#93c61f rgb(147,198,31)
```
#85c61f
```
#85c61f rgb(133,198,31)
```

Similar Colors

Text with hexadecimal color #afc61f

This text has a font color of #afc61f.

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

#afc61f background color

This paragraph has a background color of #afc61f.

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

#afc61f border color

This element has a border color of #afc61f.

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

CSS codes

.text {color:#afc61f;}

.background {background-color:#afc61f;}

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

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 #fdfef9 is the lightest one.

#0a0b02
```
#0a0b02 rgb(10,11,2)
```
#191c04
```
#191c04 rgb(25,28,4)
```
#282d07
```
#282d07 rgb(40,45,7)
```
#373e0a
```
#373e0a rgb(55,62,10)
```
#464f0c
```
#464f0c rgb(70,79,12)
```
#55600f
```
#55600f rgb(85,96,15)
```
#647112
```
#647112 rgb(100,113,18)
```
#738214
```
#738214 rgb(115,130,20)
```
#829317
```
#829317 rgb(130,147,23)
```
#91a41a
```
#91a41a rgb(145,164,26)
```
#a0b51c
```
#a0b51c rgb(160,181,28)
```
#afc61f
```
#afc61f rgb(175,198,31)
```
#bed722
```
#bed722 rgb(190,215,34)
```

Shade Color Variation

#c6de2e
```
#c6de2e rgb(198,222,46)
```
#cbe13f
```
#cbe13f rgb(203,225,63)
```
#cfe450
```
#cfe450 rgb(207,228,80)
```
#d4e661
```
#d4e661 rgb(212,230,97)
```
#d8e972
```
#d8e972 rgb(216,233,114)
```
#ddec83
```
#ddec83 rgb(221,236,131)
```
#e2ee94
```
#e2ee94 rgb(226,238,148)
```
#e6f1a5
```
#e6f1a5 rgb(230,241,165)
```
#ebf4b6
```
#ebf4b6 rgb(235,244,182)
```
#f0f6c7
```
#f0f6c7 rgb(240,246,199)
```
#f4f9d8
```
#f4f9d8 rgb(244,249,216)
```
#f9fbe9
```
#f9fbe9 rgb(249,251,233)
```
#fdfef9
```
#fdfef9 rgb(253,254,249)
```

Tint Color Variation

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

#76776e
```
#76776e rgb(118,119,110)
```
#7c8065
```
#7c8065 rgb(124,128,101)
```
#82885d
```
#82885d rgb(130,136,93)
```
#899154
```
#899154 rgb(137,145,84)
```
#8f9a4b
```
#8f9a4b rgb(143,154,75)
```
#95a342
```
#95a342 rgb(149,163,66)
```
#9cac39
```
#9cac39 rgb(156,172,57)
```
#a2b431
```
#a2b431 rgb(162,180,49)
```
#a9bd28
```
#a9bd28 rgb(169,189,40)
```
#afc61f
```
#afc61f rgb(175,198,31)
```
#b5cf16
```
#b5cf16 rgb(181,207,22)
```
#bcd80d
```
#bcd80d rgb(188,216,13)
```
#c2e005
```
#c2e005 rgb(194,224,5)
```

Tone Color Variation

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

#d5be27 Protanopia 1% of men
#ecb538 Deuteranopia 1% of men
#c3bbc9 Tritanopia 0.001% of the population

Trichromacy

#c7c124 Protanomaly 1% of men, 0.01% of women
#d6bb2e Deuteranomaly 6% of men, 0.4% of women
#bbbf8b Tritanomaly 0.01% of the population