#afc158 hex color

In a RGB color space, hex #afc158 is composed of 68.6% red, 75.7% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 9.3% cyan, 0% magenta, 54.4% yellow and 24.3% black. It has a hue angle of 70.3 degrees, a saturation of 45.9% and a lightness of 55.1%. #afc158 color hex could be obtained by blending #ffffb0 with #5f8300. Closest websafe color is: #99cc66.

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

● #afc158 color description : Moderate yellow.

The hexadecimal color #afc158 has RGB values of R:175, G:193, B:88 and CMYK values of C:0.09, M:0, Y:0.54, K:0.24. Its decimal value is 11518296.

Hex triplet	afc158	`#afc158`
RGB Decimal	175, 193, 88	`rgb(175,193,88)`
RGB Percent	68.6, 75.7, 34.5	`rgb(68.6%,75.7%,34.5%)`
CMYK	9, 0, 54, 24
HSL	70.3°, 45.9, 55.1	`hsl(70.3,45.9%,55.1%)`
HSV (or HSB)	70.3°, 54.4, 75.7
Web Safe	99cc66	`#99cc66`

CIE-LAB	74.799, -21.39, 50.007
XYZ	38.51, 47.958, 16.46
xyY	0.374, 0.466, 47.958
CIE-LCH	74.799, 54.39, 113.159
CIE-LUV	74.799, -6.829, 64.507
Hunter-Lab	69.252, -21.93, 34.384
Binary	10101111, 11000001, 01011000

#afc158
```
#afc158 rgb(175,193,88)
```
#6a58c1
```
#6a58c1 rgb(106,88,193)
```

Complementary Color

#c19f58
```
#c19f58 rgb(193,159,88)
```
#afc158
```
#afc158 rgb(175,193,88)
```
#7bc158
```
#7bc158 rgb(123,193,88)
```

Analogous Color

#9f58c1
```
#9f58c1 rgb(159,88,193)
```
#afc158
```
#afc158 rgb(175,193,88)
```
#587bc1
```
#587bc1 rgb(88,123,193)
```

Split Complementary Color

#c158af
```
#c158af rgb(193,88,175)
```
#afc158
```
#afc158 rgb(175,193,88)
```
#58afc1
```
#58afc1 rgb(88,175,193)
```

Triadic Color

#c16a58
```
#c16a58 rgb(193,106,88)
```
#afc158
```
#afc158 rgb(175,193,88)
```
#58afc1
```
#58afc1 rgb(88,175,193)
```
#6a58c1
```
#6a58c1 rgb(106,88,193)
```

Tetradic Color

#859537
```
#859537 rgb(133,149,55)
```
#96a83e
```
#96a83e rgb(150,168,62)
```
#a6ba45
```
#a6ba45 rgb(166,186,69)
```
#afc158
```
#afc158 rgb(175,193,88)
```
#b8c86b
```
#b8c86b rgb(184,200,107)
```
#c1cf7d
```
#c1cf7d rgb(193,207,125)
```
#cad690
```
#cad690 rgb(202,214,144)
```

Monochromatic Color

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

#c1b958
```
#c1b958 rgb(193,185,88)
```
#c1c158
```
#c1c158 rgb(193,193,88)
```
#b8c158
```
#b8c158 rgb(184,193,88)
```
#afc158
```
#afc158 rgb(175,193,88)
```
#a6c158
```
#a6c158 rgb(166,193,88)
```
#9ec158
```
#9ec158 rgb(158,193,88)
```
#95c158
```
#95c158 rgb(149,193,88)
```

Similar Colors

Text with hexadecimal color #afc158

This text has a font color of #afc158.

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

#afc158 background color

This paragraph has a background color of #afc158.

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

#afc158 border color

This element has a border color of #afc158.

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

CSS codes

.text {color:#afc158;}

.background {background-color:#afc158;}

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

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

#040502
```
#040502 rgb(4,5,2)
```
#111307
```
#111307 rgb(17,19,7)
```
#1e210c
```
#1e210c rgb(30,33,12)
```
#2a3012
```
#2a3012 rgb(42,48,18)
```
#373e17
```
#373e17 rgb(55,62,23)
```
#444c1c
```
#444c1c rgb(68,76,28)
```
#515a22
```
#515a22 rgb(81,90,34)
```
#5d6927
```
#5d6927 rgb(93,105,39)
```
#6a772c
```
#6a772c rgb(106,119,44)
```
#778532
```
#778532 rgb(119,133,50)
```
#849437
```
#849437 rgb(132,148,55)
```
#91a23c
```
#91a23c rgb(145,162,60)
```
#9db041
```
#9db041 rgb(157,176,65)
```

Shade Color Variation

#a8bc4a
```
#a8bc4a rgb(168,188,74)
```
#afc158
```
#afc158 rgb(175,193,88)
```
#b6c666
```
#b6c666 rgb(182,198,102)
```
#bdcc75
```
#bdcc75 rgb(189,204,117)
```
#c4d183
```
#c4d183 rgb(196,209,131)
```
#cad691
```
#cad691 rgb(202,214,145)
```
#d1dca0
```
#d1dca0 rgb(209,220,160)
```
#d8e1ae
```
#d8e1ae rgb(216,225,174)
```
#dfe6bc
```
#dfe6bc rgb(223,230,188)
```
#e6ebca
```
#e6ebca rgb(230,235,202)
```
#edf1d9
```
#edf1d9 rgb(237,241,217)
```
#f4f6e7
```
#f4f6e7 rgb(244,246,231)
```
#fafbf5
```
#fafbf5 rgb(250,251,245)
```

Tint Color Variation

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

#929584
```
#929584 rgb(146,149,132)
```
#989e7b
```
#989e7b rgb(152,158,123)
```
#9ea772
```
#9ea772 rgb(158,167,114)
```
#a3af6a
```
#a3af6a rgb(163,175,106)
```
#a9b861
```
#a9b861 rgb(169,184,97)
```
#afc158
```
#afc158 rgb(175,193,88)
```
#b5ca4f
```
#b5ca4f rgb(181,202,79)
```
#bbd346
```
#bbd346 rgb(187,211,70)
```
#c0db3e
```
#c0db3e rgb(192,219,62)
```
#c6e435
```
#c6e435 rgb(198,228,53)
```
#cced2c
```
#cced2c rgb(204,237,44)
```
#d2f623
```
#d2f623 rgb(210,246,35)
```
#d8ff1a
```
#d8ff1a rgb(216,255,26)
```

Tone Color Variation

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

Dichromacy

#cfbb5e Protanopia 1% of men
#e4b366 Deuteranopia 1% of men
#c0b9c6 Tritanopia 0.001% of the population

Trichromacy

#c3bd5b Protanomaly 1% of men, 0.01% of women
#d1b861 Deuteranomaly 6% of men, 0.4% of women
#b9bc9e Tritanomaly 0.01% of the population

#afc158 hex color

#afc158 Color Information

#afc158 Color Conversion

Color Schemes with #afc158

Alternatives to #afc158

#afc158 Preview

Shades and Tints of #afc158

Tones of #afc158

Color Blindness Simulator