#afcf22 hex color

In a RGB color space, hex #afcf22 is composed of 68.6% red, 81.2% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 15.5% cyan, 0% magenta, 83.6% yellow and 18.8% black. It has a hue angle of 71.1 degrees, a saturation of 71.8% and a lightness of 47.3%. #afcf22 color hex could be obtained by blending #ffff44 with #5f9f00. Closest websafe color is: #99cc33.

♥
- f
- t
- g
- R 69
- G 81
- B 13
RGB color chart
- C 15
- M 0
- Y 84
- K 19
CMYK color chart

● #afcf22 color description : Strong yellow.

The hexadecimal color #afcf22 has RGB values of R:175, G:207, B:34 and CMYK values of C:0.15, M:0, Y:0.84, K:0.19. Its decimal value is 11521826.

Hex triplet	afcf22	`#afcf22`
RGB Decimal	175, 207, 34	`rgb(175,207,34)`
RGB Percent	68.6, 81.2, 13.3	`rgb(68.6%,81.2%,13.3%)`
CMYK	15, 0, 84, 19
HSL	71.1°, 71.8, 47.3	`hsl(71.1,71.8%,47.3%)`
HSV (or HSB)	71.1°, 83.6, 81.2
Web Safe	99cc33	`#99cc33`

CIE-LAB	78.377, -31.23, 73.131
XYZ	40.28, 53.855, 9.786
xyY	0.388, 0.518, 53.855
CIE-LCH	78.377, 79.52, 113.124
CIE-LUV	78.377, -14.486, 85.634
Hunter-Lab	73.386, -30.449, 43.464
Binary	10101111, 11001111, 00100010

#afcf22
```
#afcf22 rgb(175,207,34)
```
#4222cf
```
#4222cf rgb(66,34,207)
```

Complementary Color

#cf9922
```
#cf9922 rgb(207,153,34)
```
#afcf22
```
#afcf22 rgb(175,207,34)
```
#59cf22
```
#59cf22 rgb(89,207,34)
```

Analogous Color

#9922cf
```
#9922cf rgb(153,34,207)
```
#afcf22
```
#afcf22 rgb(175,207,34)
```
#2258cf
```
#2258cf rgb(34,88,207)
```

Split Complementary Color

#cf22af
```
#cf22af rgb(207,34,175)
```
#afcf22
```
#afcf22 rgb(175,207,34)
```
#22afcf
```
#22afcf rgb(34,175,207)
```

Triadic Color

#cf4222
```
#cf4222 rgb(207,66,34)
```
#afcf22
```
#afcf22 rgb(175,207,34)
```
#22afcf
```
#22afcf rgb(34,175,207)
```
#4222cf
```
#4222cf rgb(66,34,207)
```

Tetradic Color

#778d17
```
#778d17 rgb(119,141,23)
```
#8aa31b
```
#8aa31b rgb(138,163,27)
```
#9cb91e
```
#9cb91e rgb(156,185,30)
```
#afcf22
```
#afcf22 rgb(175,207,34)
```
#bcdd2e
```
#bcdd2e rgb(188,221,46)
```
#c3e044
```
#c3e044 rgb(195,224,68)
```
#cae45a
```
#cae45a rgb(202,228,90)
```

Monochromatic Color

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

#cfc422
```
#cfc422 rgb(207,196,34)
```
#cccf22
```
#cccf22 rgb(204,207,34)
```
#bdcf22
```
#bdcf22 rgb(189,207,34)
```
#afcf22
```
#afcf22 rgb(175,207,34)
```
#a1cf22
```
#a1cf22 rgb(161,207,34)
```
#92cf22
```
#92cf22 rgb(146,207,34)
```
#84cf22
```
#84cf22 rgb(132,207,34)
```

Similar Colors

Text with hexadecimal color #afcf22

This text has a font color of #afcf22.

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

#afcf22 background color

This paragraph has a background color of #afcf22.

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

#afcf22 border color

This element has a border color of #afcf22.

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

CSS codes

.text {color:#afcf22;}

.background {background-color:#afcf22;}

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

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

#040501
```
#040501 rgb(4,5,1)
```
#121604
```
#121604 rgb(18,22,4)
```
#212706
```
#212706 rgb(33,39,6)
```
#2f3709
```
#2f3709 rgb(47,55,9)
```
#3d480c
```
#3d480c rgb(61,72,12)
```
#4b590f
```
#4b590f rgb(75,89,15)
```
#5a6a11
```
#5a6a11 rgb(90,106,17)
```
#687b14
```
#687b14 rgb(104,123,20)
```
#768c17
```
#768c17 rgb(118,140,23)
```
#849c1a
```
#849c1a rgb(132,156,26)
```
#93ad1c
```
#93ad1c rgb(147,173,28)
```
#a1be1f
```
#a1be1f rgb(161,190,31)
```
#afcf22
```
#afcf22 rgb(175,207,34)
```

Shade Color Variation

#bbdc29
```
#bbdc29 rgb(187,220,41)
```
#c0df3a
```
#c0df3a rgb(192,223,58)
```
#c5e14a
```
#c5e14a rgb(197,225,74)
```
#cbe45b
```
#cbe45b rgb(203,228,91)
```
#d0e76c
```
#d0e76c rgb(208,231,108)
```
#d6ea7d
```
#d6ea7d rgb(214,234,125)
```
#dbec8e
```
#dbec8e rgb(219,236,142)
```
#e0ef9f
```
#e0ef9f rgb(224,239,159)
```
#e6f2b0
```
#e6f2b0 rgb(230,242,176)
```
#ebf5c0
```
#ebf5c0 rgb(235,245,192)
```
#f0f7d1
```
#f0f7d1 rgb(240,247,209)
```
#f6fae2
```
#f6fae2 rgb(246,250,226)
```
#fbfdf3
```
#fbfdf3 rgb(251,253,243)
```

Tint Color Variation

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

#7a7c75
```
#7a7c75 rgb(122,124,117)
```
#80856c
```
#80856c rgb(128,133,108)
```
#868e63
```
#868e63 rgb(134,142,99)
```
#8c975a
```
#8c975a rgb(140,151,90)
```
#92a150
```
#92a150 rgb(146,161,80)
```
#98aa47
```
#98aa47 rgb(152,170,71)
```
#9db33e
```
#9db33e rgb(157,179,62)
```
#a3bc35
```
#a3bc35 rgb(163,188,53)
```
#a9c62b
```
#a9c62b rgb(169,198,43)
```
#afcf22
```
#afcf22 rgb(175,207,34)
```
#b5d819
```
#b5d819 rgb(181,216,25)
```
#bbe20f
```
#bbe20f rgb(187,226,15)
```
#c1eb06
```
#c1eb06 rgb(193,235,6)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#b1b895 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dcc52a Protanopia 1% of men
#f5bb3c Deuteranopia 1% of men
#c4c3d1 Tritanopia 0.001% of the population

Trichromacy

#ccc827 Protanomaly 1% of men, 0.01% of women
#dbc232 Deuteranomaly 6% of men, 0.4% of women
#bcc791 Tritanomaly 0.01% of the population

#afcf22 hex color

#afcf22 Color Information

#afcf22 Color Conversion

Color Schemes with #afcf22

Alternatives to #afcf22

#afcf22 Preview

Shades and Tints of #afcf22

Tones of #afcf22

Color Blindness Simulator