#afca2c hex color

In a RGB color space, hex #afca2c is composed of 68.6% red, 79.2% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 13.4% cyan, 0% magenta, 78.2% yellow and 20.8% black. It has a hue angle of 70.3 degrees, a saturation of 64.2% and a lightness of 48.2%. #afca2c color hex could be obtained by blending #ffff58 with #5f9500. Closest websafe color is: #99cc33.

♥
- f
- t
- g
- R 69
- G 79
- B 17
RGB color chart
- C 13
- M 0
- Y 78
- K 21
CMYK color chart

● #afca2c color description : Strong yellow.

The hexadecimal color #afca2c has RGB values of R:175, G:202, B:44 and CMYK values of C:0.13, M:0, Y:0.78, K:0.21. Its decimal value is 11520556.

Hex triplet	afca2c	`#afca2c`
RGB Decimal	175, 202, 44	`rgb(175,202,44)`
RGB Percent	68.6, 79.2, 17.3	`rgb(68.6%,79.2%,17.3%)`
CMYK	13, 0, 78, 21
HSL	70.3°, 64.2, 48.2	`hsl(70.3,64.2%,48.2%)`
HSV (or HSB)	70.3°, 78.2, 79.2
Web Safe	99cc33	`#99cc33`

CIE-LAB	77.003, -28.524, 69.332
XYZ	39.254, 51.537, 10.262
xyY	0.388, 0.51, 51.537
CIE-LCH	77.003, 74.971, 112.363
CIE-LUV	77.003, -11.613, 81.903
Hunter-Lab	71.789, -28.028, 41.777
Binary	10101111, 11001010, 00101100

#afca2c
```
#afca2c rgb(175,202,44)
```
#472cca
```
#472cca rgb(71,44,202)
```

Complementary Color

#ca962c
```
#ca962c rgb(202,150,44)
```
#afca2c
```
#afca2c rgb(175,202,44)
```
#60ca2c
```
#60ca2c rgb(96,202,44)
```

Analogous Color

#962cca
```
#962cca rgb(150,44,202)
```
#afca2c
```
#afca2c rgb(175,202,44)
```
#2c60ca
```
#2c60ca rgb(44,96,202)
```

Split Complementary Color

#ca2caf
```
#ca2caf rgb(202,44,175)
```
#afca2c
```
#afca2c rgb(175,202,44)
```
#2cafca
```
#2cafca rgb(44,175,202)
```

Triadic Color

#ca472c
```
#ca472c rgb(202,71,44)
```
#afca2c
```
#afca2c rgb(175,202,44)
```
#2cafca
```
#2cafca rgb(44,175,202)
```
#472cca
```
#472cca rgb(71,44,202)
```

Tetradic Color

#798b1e
```
#798b1e rgb(121,139,30)
```
#8ba023
```
#8ba023 rgb(139,160,35)
```
#9db527
```
#9db527 rgb(157,181,39)
```
#afca2c
```
#afca2c rgb(175,202,44)
```
#bad43b
```
#bad43b rgb(186,212,59)
```
#c2d950
```
#c2d950 rgb(194,217,80)
```
#c9dd65
```
#c9dd65 rgb(201,221,101)
```

Monochromatic Color

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

#cabe2c
```
#cabe2c rgb(202,190,44)
```
#c9ca2c
```
#c9ca2c rgb(201,202,44)
```
#bcca2c
```
#bcca2c rgb(188,202,44)
```
#afca2c
```
#afca2c rgb(175,202,44)
```
#a2ca2c
```
#a2ca2c rgb(162,202,44)
```
#95ca2c
```
#95ca2c rgb(149,202,44)
```
#88ca2c
```
#88ca2c rgb(136,202,44)
```

Similar Colors

Text with hexadecimal color #afca2c

This text has a font color of #afca2c.

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

#afca2c background color

This paragraph has a background color of #afca2c.

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

#afca2c border color

This element has a border color of #afca2c.

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

CSS codes

.text {color:#afca2c;}

.background {background-color:#afca2c;}

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

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

#080902
```
#080902 rgb(8,9,2)
```
#161905
```
#161905 rgb(22,25,5)
```
#232909
```
#232909 rgb(35,41,9)
```
#31390c
```
#31390c rgb(49,57,12)
```
#3f4910
```
#3f4910 rgb(63,73,16)
```
#4d5913
```
#4d5913 rgb(77,89,19)
```
#5b6917
```
#5b6917 rgb(91,105,23)
```
#69791a
```
#69791a rgb(105,121,26)
```
#778a1e
```
#778a1e rgb(119,138,30)
```
#859a21
```
#859a21 rgb(133,154,33)
```
#93aa25
```
#93aa25 rgb(147,170,37)
```
#a1ba28
```
#a1ba28 rgb(161,186,40)
```
#afca2c
```
#afca2c rgb(175,202,44)
```

Shade Color Variation

#b8d336
```
#b8d336 rgb(184,211,54)
```
#bed746
```
#bed746 rgb(190,215,70)
```
#c4da57
```
#c4da57 rgb(196,218,87)
```
#c9de67
```
#c9de67 rgb(201,222,103)
```
#cfe177
```
#cfe177 rgb(207,225,119)
```
#d5e587
```
#d5e587 rgb(213,229,135)
```
#dae897
```
#dae897 rgb(218,232,151)
```
#e0eca7
```
#e0eca7 rgb(224,236,167)
```
#e6efb7
```
#e6efb7 rgb(230,239,183)
```
#ebf3c7
```
#ebf3c7 rgb(235,243,199)
```
#f1f6d7
```
#f1f6d7 rgb(241,246,215)
```
#f7fae8
```
#f7fae8 rgb(247,250,232)
```
#fcfdf8
```
#fcfdf8 rgb(252,253,248)
```

Tint Color Variation

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

#7d7e78
```
#7d7e78 rgb(125,126,120)
```
#83886e
```
#83886e rgb(131,136,110)
```
#8a9165
```
#8a9165 rgb(138,145,101)
```
#909b5b
```
#909b5b rgb(144,155,91)
```
#96a452
```
#96a452 rgb(150,164,82)
```
#9cae48
```
#9cae48 rgb(156,174,72)
```
#a3b73f
```
#a3b73f rgb(163,183,63)
```
#a9c135
```
#a9c135 rgb(169,193,53)
```
#afca2c
```
#afca2c rgb(175,202,44)
```
#b5d323
```
#b5d323 rgb(181,211,35)
```
#bbdd19
```
#bbdd19 rgb(187,221,25)
```
#c2e610
```
#c2e610 rgb(194,230,16)
```
#c8f006
```
#c8f006 rgb(200,240,6)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#b0b596 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d8c134 Protanopia 1% of men
#f0b842 Deuteranopia 1% of men
#c3bfcd Tritanopia 0.001% of the population

Trichromacy

#c9c431 Protanomaly 1% of men, 0.01% of women
#d8be3a Deuteranomaly 6% of men, 0.4% of women
#bcc392 Tritanomaly 0.01% of the population

#afca2c hex color

#afca2c Color Information

#afca2c Color Conversion

Color Schemes with #afca2c

Alternatives to #afca2c

#afca2c Preview

Shades and Tints of #afca2c

Tones of #afca2c

Color Blindness Simulator