colorhexa.com

#afc458 hex color

In a RGB color space, hex #afc458 is composed of 68.6% red, 76.9% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 10.7% cyan, 0% magenta, 55.1% yellow and 23.1% black. It has a hue angle of 71.7 degrees, a saturation of 47.8% and a lightness of 55.7%. #afc458 color hex could be obtained by blending #ffffb0 with #5f8900. Closest websafe color is: #99cc66.

- R 69
- G 77
- B 35
RGB color chart
- C 11
- M 0
- Y 55
- K 23
CMYK color chart

● #afc458 color description : Moderate yellow.

The hexadecimal color #afc458 has RGB values of R:175, G:196, B:88 and CMYK values of C:0.11, M:0, Y:0.55, K:0.23. Its decimal value is 11519064.

Hex triplet	afc458	`#afc458`
RGB Decimal	175, 196, 88	`rgb(175,196,88)`
RGB Percent	68.6, 76.9, 34.5	`rgb(68.6%,76.9%,34.5%)`
CMYK	11, 0, 55, 23
HSL	71.7°, 47.8, 55.7	`hsl(71.7,47.8%,55.7%)`
HSV (or HSB)	71.7°, 55.1, 76.9
Web Safe	99cc66	`#99cc66`

CIE-LAB	75.637, -22.869, 50.972
XYZ	39.18, 49.298, 16.683
xyY	0.373, 0.469, 49.298
CIE-LCH	75.637, 55.867, 114.163
CIE-LUV	75.637, -8.579, 65.937
Hunter-Lab	70.213, -23.266, 35.061
Binary	10101111, 11000100, 01011000

#afc458
```
#afc458 rgb(175,196,88)
```
#6d58c4
```
#6d58c4 rgb(109,88,196)
```

Complementary Color

#c4a358
```
#c4a358 rgb(196,163,88)
```
#afc458
```
#afc458 rgb(175,196,88)
```
#79c458
```
#79c458 rgb(121,196,88)
```

Analogous Color

#a358c4
```
#a358c4 rgb(163,88,196)
```
#afc458
```
#afc458 rgb(175,196,88)
```
#5879c4
```
#5879c4 rgb(88,121,196)
```

Split Complementary Color

#c458af
```
#c458af rgb(196,88,175)
```
#afc458
```
#afc458 rgb(175,196,88)
```
#58afc4
```
#58afc4 rgb(88,175,196)
```

Triadic Color

#c46d58
```
#c46d58 rgb(196,109,88)
```
#afc458
```
#afc458 rgb(175,196,88)
```
#58afc4
```
#58afc4 rgb(88,175,196)
```
#6d58c4
```
#6d58c4 rgb(109,88,196)
```

Tetradic Color

#869936
```
#869936 rgb(134,153,54)
```
#97ac3d
```
#97ac3d rgb(151,172,61)
```
#a6bd45
```
#a6bd45 rgb(166,189,69)
```
#afc458
```
#afc458 rgb(175,196,88)
```
#b8cb6b
```
#b8cb6b rgb(184,203,107)
```
#c1d17e
```
#c1d17e rgb(193,209,126)
```
#cad891
```
#cad891 rgb(202,216,145)
```

Monochromatic Color

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

#c4be58
```
#c4be58 rgb(196,190,88)
```
#c1c458
```
#c1c458 rgb(193,196,88)
```
#b8c458
```
#b8c458 rgb(184,196,88)
```
#afc458
```
#afc458 rgb(175,196,88)
```
#a6c458
```
#a6c458 rgb(166,196,88)
```
#9dc458
```
#9dc458 rgb(157,196,88)
```
#94c458
```
#94c458 rgb(148,196,88)
```

Similar Colors

Text with hexadecimal color #afc458

This text has a font color of #afc458.

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

#afc458 background color

This paragraph has a background color of #afc458.

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

#afc458 border color

This element has a border color of #afc458.

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

CSS codes

.text {color:#afc458;}

.background {background-color:#afc458;}

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

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

#060702
```
#060702 rgb(6,7,2)
```
#131508
```
#131508 rgb(19,21,8)
```
#1f240d
```
#1f240d rgb(31,36,13)
```
#2c3212
```
#2c3212 rgb(44,50,18)
```
#394117
```
#394117 rgb(57,65,23)
```
#454f1c
```
#454f1c rgb(69,79,28)
```
#525e21
```
#525e21 rgb(82,94,33)
```
#5f6c26
```
#5f6c26 rgb(95,108,38)
```
#6b7b2b
```
#6b7b2b rgb(107,123,43)
```
#788931
```
#788931 rgb(120,137,49)
```
#859836
```
#859836 rgb(133,152,54)
```
#91a63b
```
#91a63b rgb(145,166,59)
```
#9eb540
```
#9eb540 rgb(158,181,64)
```

Shade Color Variation

#a8bf4a
```
#a8bf4a rgb(168,191,74)
```
#afc458
```
#afc458 rgb(175,196,88)
```
#b6c966
```
#b6c966 rgb(182,201,102)
```
#bdce75
```
#bdce75 rgb(189,206,117)
```
#c4d383
```
#c4d383 rgb(196,211,131)
```
#cbd892
```
#cbd892 rgb(203,216,146)
```
#d2dea0
```
#d2dea0 rgb(210,222,160)
```
#d9e3af
```
#d9e3af rgb(217,227,175)
```
#e0e8bd
```
#e0e8bd rgb(224,232,189)
```
#e7edcc
```
#e7edcc rgb(231,237,204)
```
#edf2da
```
#edf2da rgb(237,242,218)
```
#f4f7e9
```
#f4f7e9 rgb(244,247,233)
```
#fbfcf7
```
#fbfcf7 rgb(251,252,247)
```

Tint Color Variation

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

#8f908c
```
#8f908c rgb(143,144,140)
```
#949983
```
#949983 rgb(148,153,131)
```
#9aa17b
```
#9aa17b rgb(154,161,123)
```
#9faa72
```
#9faa72 rgb(159,170,114)
```
#a4b369
```
#a4b369 rgb(164,179,105)
```
#aabb61
```
#aabb61 rgb(170,187,97)
```
#afc458
```
#afc458 rgb(175,196,88)
```
#b4cd4f
```
#b4cd4f rgb(180,205,79)
```
#bad547
```
#bad547 rgb(186,213,71)
```
#bfde3e
```
#bfde3e rgb(191,222,62)
```
#c4e735
```
#c4e735 rgb(196,231,53)
```
#caef2d
```
#caef2d rgb(202,239,45)
```
#cff824
```
#cff824 rgb(207,248,36)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#b1b59f Atypical Achromatopsia 0.001% of the population

Dichromacy

#d1be5d Protanopia 1% of men
#e7b566 Deuteranopia 1% of men
#c0bbc9 Tritanopia 0.001% of the population

Trichromacy

#c5c05b Protanomaly 1% of men, 0.01% of women
#d2ba61 Deuteranomaly 6% of men, 0.4% of women
#babea0 Tritanomaly 0.01% of the population