#afc55a hex color

In a RGB color space, hex #afc55a is composed of 68.6% red, 77.3% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 11.2% cyan, 0% magenta, 54.3% yellow and 22.7% black. It has a hue angle of 72.3 degrees, a saturation of 48% and a lightness of 56.3%. #afc55a color hex could be obtained by blending #ffffb4 with #5f8b00. Closest websafe color is: #99cc66.

♥
- f
- t
- g
- R 69
- G 77
- B 35
RGB color chart
- C 11
- M 0
- Y 54
- K 23
CMYK color chart

● #afc55a color description : Moderate yellow.

The hexadecimal color #afc55a has RGB values of R:175, G:197, B:90 and CMYK values of C:0.11, M:0, Y:0.54, K:0.23. Its decimal value is 11519322.

Hex triplet	afc55a	`#afc55a`
RGB Decimal	175, 197, 90	`rgb(175,197,90)`
RGB Percent	68.6, 77.3, 35.3	`rgb(68.6%,77.3%,35.3%)`
CMYK	11, 0, 54, 23
HSL	72.3°, 48, 56.3	`hsl(72.3,48%,56.3%)`
HSV (or HSB)	72.3°, 54.3, 77.3
Web Safe	99cc66	`#99cc66`

CIE-LAB	75.937, -23.183, 50.394
XYZ	39.49, 49.785, 17.201
xyY	0.371, 0.468, 49.785
CIE-LCH	75.937, 55.471, 114.704
CIE-LUV	75.937, -9.191, 65.579
Hunter-Lab	70.558, -23.573, 34.936
Binary	10101111, 11000101, 01011010

#afc55a
```
#afc55a rgb(175,197,90)
```
#705ac5
```
#705ac5 rgb(112,90,197)
```

Complementary Color

#c5a65a
```
#c5a65a rgb(197,166,90)
```
#afc55a
```
#afc55a rgb(175,197,90)
```
#7ac55a
```
#7ac55a rgb(122,197,90)
```

Analogous Color

#a65ac5
```
#a65ac5 rgb(166,90,197)
```
#afc55a
```
#afc55a rgb(175,197,90)
```
#5a7ac5
```
#5a7ac5 rgb(90,122,197)
```

Split Complementary Color

#c55aaf
```
#c55aaf rgb(197,90,175)
```
#afc55a
```
#afc55a rgb(175,197,90)
```
#5aafc5
```
#5aafc5 rgb(90,175,197)
```

Triadic Color

#c5705a
```
#c5705a rgb(197,112,90)
```
#afc55a
```
#afc55a rgb(175,197,90)
```
#5aafc5
```
#5aafc5 rgb(90,175,197)
```
#705ac5
```
#705ac5 rgb(112,90,197)
```

Tetradic Color

#879c37
```
#879c37 rgb(135,156,55)
```
#97af3d
```
#97af3d rgb(151,175,61)
```
#a6be47
```
#a6be47 rgb(166,190,71)
```
#afc55a
```
#afc55a rgb(175,197,90)
```
#b8cc6d
```
#b8cc6d rgb(184,204,109)
```
#c1d280
```
#c1d280 rgb(193,210,128)
```
#cad993
```
#cad993 rgb(202,217,147)
```

Monochromatic Color

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

#c5c05a
```
#c5c05a rgb(197,192,90)
```
#c1c55a
```
#c1c55a rgb(193,197,90)
```
#b8c55a
```
#b8c55a rgb(184,197,90)
```
#afc55a
```
#afc55a rgb(175,197,90)
```
#a6c55a
```
#a6c55a rgb(166,197,90)
```
#9dc55a
```
#9dc55a rgb(157,197,90)
```
#94c55a
```
#94c55a rgb(148,197,90)
```

Similar Colors

Text with hexadecimal color #afc55a

This text has a font color of #afc55a.

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

#afc55a background color

This paragraph has a background color of #afc55a.

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

#afc55a border color

This element has a border color of #afc55a.

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

CSS codes

.text {color:#afc55a;}

.background {background-color:#afc55a;}

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

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

#080903
```
#080903 rgb(8,9,3)
```
#151808
```
#151808 rgb(21,24,8)
```
#21260d
```
#21260d rgb(33,38,13)
```
#2e3513
```
#2e3513 rgb(46,53,19)
```
#3a4318
```
#3a4318 rgb(58,67,24)
```
#47521d
```
#47521d rgb(71,82,29)
```
#536022
```
#536022 rgb(83,96,34)
```
#606f27
```
#606f27 rgb(96,111,39)
```
#6d7d2c
```
#6d7d2c rgb(109,125,44)
```
#798c31
```
#798c31 rgb(121,140,49)
```
#869a36
```
#869a36 rgb(134,154,54)
```
#92a93b
```
#92a93b rgb(146,169,59)
```
#9fb740
```
#9fb740 rgb(159,183,64)
```

Shade Color Variation

#a8c04b
```
#a8c04b rgb(168,192,75)
```
#afc55a
```
#afc55a rgb(175,197,90)
```
#b6ca69
```
#b6ca69 rgb(182,202,105)
```
#bdcf77
```
#bdcf77 rgb(189,207,119)
```
#c4d486
```
#c4d486 rgb(196,212,134)
```
#cbd994
```
#cbd994 rgb(203,217,148)
```
#d2dfa3
```
#d2dfa3 rgb(210,223,163)
```
#d9e4b1
```
#d9e4b1 rgb(217,228,177)
```
#e0e9c0
```
#e0e9c0 rgb(224,233,192)
```
#e7eece
```
#e7eece rgb(231,238,206)
```
#eef3dd
```
#eef3dd rgb(238,243,221)
```
#f5f8eb
```
#f5f8eb rgb(245,248,235)
```
#fcfdfa
```
#fcfdfa rgb(252,253,250)
```

Tint Color Variation

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

#91928d
```
#91928d rgb(145,146,141)
```
#969a85
```
#969a85 rgb(150,154,133)
```
#9ba37c
```
#9ba37c rgb(155,163,124)
```
#a0ab74
```
#a0ab74 rgb(160,171,116)
```
#a5b46b
```
#a5b46b rgb(165,180,107)
```
#aabc63
```
#aabc63 rgb(170,188,99)
```
#afc55a
```
#afc55a rgb(175,197,90)
```
#b4ce51
```
#b4ce51 rgb(180,206,81)
```
#b9d649
```
#b9d649 rgb(185,214,73)
```
#bedf40
```
#bedf40 rgb(190,223,64)
```
#c3e738
```
#c3e738 rgb(195,231,56)
```
#c8f02f
```
#c8f02f rgb(200,240,47)
```
#cdf827
```
#cdf827 rgb(205,248,39)
```

Tone Color Variation

Below, you can see how #afc55a 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
#b1b6a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d2be5f Protanopia 1% of men
#e7b668 Deuteranopia 1% of men
#c0bcca Tritanopia 0.001% of the population

Trichromacy

#c5c15d Protanomaly 1% of men, 0.01% of women
#d3bb63 Deuteranomaly 6% of men, 0.4% of women
#babfa1 Tritanomaly 0.01% of the population

#afc55a hex color

#afc55a Color Information

#afc55a Color Conversion

Color Schemes with #afc55a

Alternatives to #afc55a

#afc55a Preview

Shades and Tints of #afc55a

Tones of #afc55a

Color Blindness Simulator