#afc22e hex color

In a RGB color space, hex #afc22e is composed of 68.6% red, 76.1% green and 18% blue. Whereas in a CMYK color space, it is composed of 9.8% cyan, 0% magenta, 76.3% yellow and 23.9% black. It has a hue angle of 67.7 degrees, a saturation of 61.7% and a lightness of 47.1%. #afc22e color hex could be obtained by blending #ffff5c with #5f8500. Closest websafe color is: #99cc33.

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

● #afc22e color description : Strong yellow.

The hexadecimal color #afc22e has RGB values of R:175, G:194, B:46 and CMYK values of C:0.1, M:0, Y:0.76, K:0.24. Its decimal value is 11518510.

Hex triplet	afc22e	`#afc22e`
RGB Decimal	175, 194, 46	`rgb(175,194,46)`
RGB Percent	68.6, 76.1, 18	`rgb(68.6%,76.1%,18%)`
CMYK	10, 0, 76, 24
HSL	67.7°, 61.7, 47.1	`hsl(67.7,61.7%,47.1%)`
HSV (or HSB)	67.7°, 76.3, 76.1
Web Safe	99cc33	`#99cc33`

CIE-LAB	74.759, -24.599, 66.681
XYZ	37.464, 47.895, 9.856
xyY	0.393, 0.503, 47.895
CIE-LCH	74.759, 71.074, 110.249
CIE-LUV	74.759, -6.853, 78.195
Hunter-Lab	69.206, -24.482, 40.001
Binary	10101111, 11000010, 00101110

#afc22e
```
#afc22e rgb(175,194,46)
```
#412ec2
```
#412ec2 rgb(65,46,194)
```

Complementary Color

#c28b2e
```
#c28b2e rgb(194,139,46)
```
#afc22e
```
#afc22e rgb(175,194,46)
```
#65c22e
```
#65c22e rgb(101,194,46)
```

Analogous Color

#8b2ec2
```
#8b2ec2 rgb(139,46,194)
```
#afc22e
```
#afc22e rgb(175,194,46)
```
#2e65c2
```
#2e65c2 rgb(46,101,194)
```

Split Complementary Color

#c22eaf
```
#c22eaf rgb(194,46,175)
```
#afc22e
```
#afc22e rgb(175,194,46)
```
#2eafc2
```
#2eafc2 rgb(46,175,194)
```

Triadic Color

#c2412e
```
#c2412e rgb(194,65,46)
```
#afc22e
```
#afc22e rgb(175,194,46)
```
#2eafc2
```
#2eafc2 rgb(46,175,194)
```
#412ec2
```
#412ec2 rgb(65,46,194)
```

Tetradic Color

#77841f
```
#77841f rgb(119,132,31)
```
#8a9924
```
#8a9924 rgb(138,153,36)
```
#9cad29
```
#9cad29 rgb(156,173,41)
```
#afc22e
```
#afc22e rgb(175,194,46)
```
#bdd039
```
#bdd039 rgb(189,208,57)
```
#c4d54e
```
#c4d54e rgb(196,213,78)
```
#cbda63
```
#cbda63 rgb(203,218,99)
```

Monochromatic Color

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

#c2b02e
```
#c2b02e rgb(194,176,46)
```
#c2bc2e
```
#c2bc2e rgb(194,188,46)
```
#bbc22e
```
#bbc22e rgb(187,194,46)
```
#afc22e
```
#afc22e rgb(175,194,46)
```
#a3c22e
```
#a3c22e rgb(163,194,46)
```
#96c22e
```
#96c22e rgb(150,194,46)
```
#8ac22e
```
#8ac22e rgb(138,194,46)
```

Similar Colors

Text with hexadecimal color #afc22e

This text has a font color of #afc22e.

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

#afc22e background color

This paragraph has a background color of #afc22e.

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

#afc22e border color

This element has a border color of #afc22e.

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

CSS codes

.text {color:#afc22e;}

.background {background-color:#afc22e;}

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

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

#030401
```
#030401 rgb(3,4,1)
```
#121405
```
#121405 rgb(18,20,5)
```
#202308
```
#202308 rgb(32,35,8)
```
#2e330c
```
#2e330c rgb(46,51,12)
```
#3d4310
```
#3d4310 rgb(61,67,16)
```
#4b5314
```
#4b5314 rgb(75,83,20)
```
#596317
```
#596317 rgb(89,99,23)
```
#67731b
```
#67731b rgb(103,115,27)
```
#76831f
```
#76831f rgb(118,131,31)
```
#849223
```
#849223 rgb(132,146,35)
```
#92a226
```
#92a226 rgb(146,162,38)
```
#a1b22a
```
#a1b22a rgb(161,178,42)
```
#afc22e
```
#afc22e rgb(175,194,46)
```

Shade Color Variation

#bbcf35
```
#bbcf35 rgb(187,207,53)
```
#c1d344
```
#c1d344 rgb(193,211,68)
```
#c6d754
```
#c6d754 rgb(198,215,84)
```
#cbda64
```
#cbda64 rgb(203,218,100)
```
#d0de74
```
#d0de74 rgb(208,222,116)
```
#d6e284
```
#d6e284 rgb(214,226,132)
```
#dbe694
```
#dbe694 rgb(219,230,148)
```
#e0e9a4
```
#e0e9a4 rgb(224,233,164)
```
#e6edb3
```
#e6edb3 rgb(230,237,179)
```
#ebf1c3
```
#ebf1c3 rgb(235,241,195)
```
#f0f5d3
```
#f0f5d3 rgb(240,245,211)
```
#f6f8e3
```
#f6f8e3 rgb(246,248,227)
```
#fbfcf3
```
#fbfcf3 rgb(251,252,243)
```

Tint Color Variation

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

#787878
```
#787878 rgb(120,120,120)
```
#7f816f
```
#7f816f rgb(127,129,111)
```
#868b65
```
#868b65 rgb(134,139,101)
```
#8d945c
```
#8d945c rgb(141,148,92)
```
#949d53
```
#949d53 rgb(148,157,83)
```
#9aa64a
```
#9aa64a rgb(154,166,74)
```
#a1b040
```
#a1b040 rgb(161,176,64)
```
#a8b937
```
#a8b937 rgb(168,185,55)
```
#afc22e
```
#afc22e rgb(175,194,46)
```
#b6cb25
```
#b6cb25 rgb(182,203,37)
```
#bdd41c
```
#bdd41c rgb(189,212,28)
```
#c4de12
```
#c4de12 rgb(196,222,18)
```
#cae709
```
#cae709 rgb(202,231,9)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#acb092 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d1bc36 Protanopia 1% of men
#e8b242 Deuteranopia 1% of men
#c2b8c5 Tritanopia 0.001% of the population

Trichromacy

#c5be33 Protanomaly 1% of men, 0.01% of women
#d3b83b Deuteranomaly 6% of men, 0.4% of women
#bbbc8e Tritanomaly 0.01% of the population

#afc22e hex color

#afc22e Color Information

#afc22e Color Conversion

Color Schemes with #afc22e

Alternatives to #afc22e

#afc22e Preview

Shades and Tints of #afc22e

Tones of #afc22e

Color Blindness Simulator