#afc370 hex color

In a RGB color space, hex #afc370 is composed of 68.6% red, 76.5% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 10.3% cyan, 0% magenta, 42.6% yellow and 23.5% black. It has a hue angle of 74.5 degrees, a saturation of 40.9% and a lightness of 60.2%. #afc370 color hex could be obtained by blending #ffffe0 with #5f8700. Closest websafe color is: #99cc66.

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

● #afc370 color description : Slightly desaturated yellow.

The hexadecimal color #afc370 has RGB values of R:175, G:195, B:112 and CMYK values of C:0.1, M:0, Y:0.43, K:0.24. Its decimal value is 11518832.

Hex triplet	afc370	`#afc370`
RGB Decimal	175, 195, 112	`rgb(175,195,112)`
RGB Percent	68.6, 76.5, 43.9	`rgb(68.6%,76.5%,43.9%)`
CMYK	10, 0, 43, 24
HSL	74.5°, 40.9, 60.2	`hsl(74.5,40.9%,60.2%)`
HSV (or HSB)	74.5°, 42.6, 76.5
Web Safe	99cc66	`#99cc66`

CIE-LAB	75.646, -19.963, 39.361
XYZ	40.118, 49.314, 22.733
xyY	0.358, 0.44, 49.314
CIE-LCH	75.646, 44.135, 116.893
CIE-LUV	75.646, -8.466, 54.112
Hunter-Lab	70.224, -20.916, 29.963
Binary	10101111, 11000011, 01110000

#afc370
```
#afc370 rgb(175,195,112)
```
#8470c3
```
#8470c3 rgb(132,112,195)
```

Complementary Color

#c3ae70
```
#c3ae70 rgb(195,174,112)
```
#afc370
```
#afc370 rgb(175,195,112)
```
#86c370
```
#86c370 rgb(134,195,112)
```

Analogous Color

#ae70c3
```
#ae70c3 rgb(174,112,195)
```
#afc370
```
#afc370 rgb(175,195,112)
```
#7086c3
```
#7086c3 rgb(112,134,195)
```

Split Complementary Color

#c370af
```
#c370af rgb(195,112,175)
```
#afc370
```
#afc370 rgb(175,195,112)
```
#70afc3
```
#70afc3 rgb(112,175,195)
```

Triadic Color

#c38470
```
#c38470 rgb(195,132,112)
```
#afc370
```
#afc370 rgb(175,195,112)
```
#70afc3
```
#70afc3 rgb(112,175,195)
```
#8470c3
```
#8470c3 rgb(132,112,195)
```

Tetradic Color

#8ca244
```
#8ca244 rgb(140,162,68)
```
#9bb44c
```
#9bb44c rgb(155,180,76)
```
#a5bb5e
```
#a5bb5e rgb(165,187,94)
```
#afc370
```
#afc370 rgb(175,195,112)
```
#b9cb82
```
#b9cb82 rgb(185,203,130)
```
#c3d294
```
#c3d294 rgb(195,210,148)
```
#cddaa6
```
#cddaa6 rgb(205,218,166)
```

Monochromatic Color

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

#c3c270
```
#c3c270 rgb(195,194,112)
```
#bdc370
```
#bdc370 rgb(189,195,112)
```
#b6c370
```
#b6c370 rgb(182,195,112)
```
#afc370
```
#afc370 rgb(175,195,112)
```
#a8c370
```
#a8c370 rgb(168,195,112)
```
#a1c370
```
#a1c370 rgb(161,195,112)
```
#9ac370
```
#9ac370 rgb(154,195,112)
```

Similar Colors

Text with hexadecimal color #afc370

This text has a font color of #afc370.

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

#afc370 background color

This paragraph has a background color of #afc370.

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

#afc370 border color

This element has a border color of #afc370.

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

CSS codes

.text {color:#afc370;}

.background {background-color:#afc370;}

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

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

#080904
```
#080904 rgb(8,9,4)
```
#14170a
```
#14170a rgb(20,23,10)
```
#20250f
```
#20250f rgb(32,37,15)
```
#2b3215
```
#2b3215 rgb(43,50,21)
```
#37401b
```
#37401b rgb(55,64,27)
```
#434e21
```
#434e21 rgb(67,78,33)
```
#4f5c27
```
#4f5c27 rgb(79,92,39)
```
#5b6a2c
```
#5b6a2c rgb(91,106,44)
```
#677832
```
#677832 rgb(103,120,50)
```
#738538
```
#738538 rgb(115,133,56)
```
#7f933e
```
#7f933e rgb(127,147,62)
```
#8aa144
```
#8aa144 rgb(138,161,68)
```
#96af49
```
#96af49 rgb(150,175,73)
```

Shade Color Variation

#a0b754
```
#a0b754 rgb(160,183,84)
```
#a7bd62
```
#a7bd62 rgb(167,189,98)
```
#afc370
```
#afc370 rgb(175,195,112)
```
#b7c97e
```
#b7c97e rgb(183,201,126)
```
#becf8c
```
#becf8c rgb(190,207,140)
```
#c6d499
```
#c6d499 rgb(198,212,153)
```
#cedaa7
```
#cedaa7 rgb(206,218,167)
```
#d6e0b5
```
#d6e0b5 rgb(214,224,181)
```
#dde6c3
```
#dde6c3 rgb(221,230,195)
```
#e5ecd1
```
#e5ecd1 rgb(229,236,209)
```
#edf1df
```
#edf1df rgb(237,241,223)
```
#f5f7ec
```
#f5f7ec rgb(245,247,236)
```
#fcfdfa
```
#fcfdfa rgb(252,253,250)
```

Tint Color Variation

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

#9b9c97
```
#9b9c97 rgb(155,156,151)
```
#9fa48f
```
#9fa48f rgb(159,164,143)
```
#a3ac87
```
#a3ac87 rgb(163,172,135)
```
#a7b380
```
#a7b380 rgb(167,179,128)
```
#abbb78
```
#abbb78 rgb(171,187,120)
```
#afc370
```
#afc370 rgb(175,195,112)
```
#b3cb68
```
#b3cb68 rgb(179,203,104)
```
#b7d360
```
#b7d360 rgb(183,211,96)
```
#bbda59
```
#bbda59 rgb(187,218,89)
```
#bfe251
```
#bfe251 rgb(191,226,81)
```
#c3ea49
```
#c3ea49 rgb(195,234,73)
```
#c7f241
```
#c7f241 rgb(199,242,65)
```
#cbfa39
```
#cbfa39 rgb(203,250,57)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#b3b7a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfbd74 Protanopia 1% of men
#e3b67c Deuteranopia 1% of men
#bfbcc9 Tritanopia 0.001% of the population

Trichromacy

#c3bf72 Protanomaly 1% of men, 0.01% of women
#d0ba78 Deuteranomaly 6% of men, 0.4% of women
#b9bea9 Tritanomaly 0.01% of the population

#afc370 hex color

#afc370 Color Information

#afc370 Color Conversion

Color Schemes with #afc370

Alternatives to #afc370

#afc370 Preview

Shades and Tints of #afc370

Tones of #afc370

Color Blindness Simulator