#afb058 hex color

In a RGB color space, hex #afb058 is composed of 68.6% red, 69% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 0.6% cyan, 0% magenta, 50% yellow and 31% black. It has a hue angle of 60.7 degrees, a saturation of 35.8% and a lightness of 51.8%. #afb058 color hex could be obtained by blending #ffffb0 with #5f6100. Closest websafe color is: #999966.

♥
- f
- t
- g
- R 69
- G 69
- B 35
RGB color chart
- C 1
- M 0
- Y 50
- K 31
CMYK color chart

● #afb058 color description : Dark moderate yellow.

The hexadecimal color #afb058 has RGB values of R:175, G:176, B:88 and CMYK values of C:0.01, M:0, Y:0.5, K:0.31. Its decimal value is 11513944.

Hex triplet	afb058	`#afb058`
RGB Decimal	175, 176, 88	`rgb(175,176,88)`
RGB Percent	68.6, 69, 34.5	`rgb(68.6%,69%,34.5%)`
CMYK	1, 0, 50, 31
HSL	60.7°, 35.8, 51.8	`hsl(60.7,35.8%,51.8%)`
HSV (or HSB)	60.7°, 50, 69
Web Safe	999966	`#999966`

CIE-LAB	70.084, -12.789, 44.492
XYZ	34.966, 40.87, 15.279
xyY	0.384, 0.449, 40.87
CIE-LCH	70.084, 46.294, 106.036
CIE-LUV	70.084, 3.404, 56.297
Hunter-Lab	63.929, -14.247, 30.581
Binary	10101111, 10110000, 01011000

#afb058
```
#afb058 rgb(175,176,88)
```
#5958b0
```
#5958b0 rgb(89,88,176)
```

Complementary Color

#b08558
```
#b08558 rgb(176,133,88)
```
#afb058
```
#afb058 rgb(175,176,88)
```
#83b058
```
#83b058 rgb(131,176,88)
```

Analogous Color

#8558b0
```
#8558b0 rgb(133,88,176)
```
#afb058
```
#afb058 rgb(175,176,88)
```
#5883b0
```
#5883b0 rgb(88,131,176)
```

Split Complementary Color

#b058af
```
#b058af rgb(176,88,175)
```
#afb058
```
#afb058 rgb(175,176,88)
```
#58afb0
```
#58afb0 rgb(88,175,176)
```

Triadic Color

#b05958
```
#b05958 rgb(176,89,88)
```
#afb058
```
#afb058 rgb(175,176,88)
```
#58afb0
```
#58afb0 rgb(88,175,176)
```
#5958b0
```
#5958b0 rgb(89,88,176)
```

Tetradic Color

#7f7f3c
```
#7f7f3c rgb(127,127,60)
```
#909144
```
#909144 rgb(144,145,68)
```
#a1a24d
```
#a1a24d rgb(161,162,77)
```
#afb058
```
#afb058 rgb(175,176,88)
```
#b7b869
```
#b7b869 rgb(183,184,105)
```
#c0c07b
```
#c0c07b rgb(192,192,123)
```
#c8c98c
```
#c8c98c rgb(200,201,140)
```

Monochromatic Color

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

#b09b58
```
#b09b58 rgb(176,155,88)
```
#b0a258
```
#b0a258 rgb(176,162,88)
```
#b0aa58
```
#b0aa58 rgb(176,170,88)
```
#afb058
```
#afb058 rgb(175,176,88)
```
#a8b058
```
#a8b058 rgb(168,176,88)
```
#a0b058
```
#a0b058 rgb(160,176,88)
```
#99b058
```
#99b058 rgb(153,176,88)
```

Similar Colors

Text with hexadecimal color #afb058

This text has a font color of #afb058.

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

#afb058 background color

This paragraph has a background color of #afb058.

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

#afb058 border color

This element has a border color of #afb058.

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

CSS codes

.text {color:#afb058;}

.background {background-color:#afb058;}

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

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

#060603
```
#060603 rgb(6,6,3)
```
#131309
```
#131309 rgb(19,19,9)
```
#21210f
```
#21210f rgb(33,33,15)
```
#2e2e16
```
#2e2e16 rgb(46,46,22)
```
#3b3b1c
```
#3b3b1c rgb(59,59,28)
```
#484922
```
#484922 rgb(72,73,34)
```
#555629
```
#555629 rgb(85,86,41)
```
#63632f
```
#63632f rgb(99,99,47)
```
#707135
```
#707135 rgb(112,113,53)
```
#7d7e3c
```
#7d7e3c rgb(125,126,60)
```
#8a8b42
```
#8a8b42 rgb(138,139,66)
```
#989948
```
#989948 rgb(152,153,72)
```
#a5a64e
```
#a5a64e rgb(165,166,78)
```

Shade Color Variation

#afb058
```
#afb058 rgb(175,176,88)
```
#b5b665
```
#b5b665 rgb(181,182,101)
```
#bcbd73
```
#bcbd73 rgb(188,189,115)
```
#c2c380
```
#c2c380 rgb(194,195,128)
```
#c9c98d
```
#c9c98d rgb(201,201,141)
```
#cfcf9b
```
#cfcf9b rgb(207,207,155)
```
#d5d6a8
```
#d5d6a8 rgb(213,214,168)
```
#dcdcb5
```
#dcdcb5 rgb(220,220,181)
```
#e2e2c3
```
#e2e2c3 rgb(226,226,195)
```
#e8e9d0
```
#e8e9d0 rgb(232,233,208)
```
#efefdd
```
#efefdd rgb(239,239,221)
```
#f5f5ea
```
#f5f5ea rgb(245,245,234)
```
#fcfcf8
```
#fcfcf8 rgb(252,252,248)
```

Tint Color Variation

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

#8a8a7e
```
#8a8a7e rgb(138,138,126)
```
#939474
```
#939474 rgb(147,148,116)
```
#9d9d6b
```
#9d9d6b rgb(157,157,107)
```
#a6a761
```
#a6a761 rgb(166,167,97)
```
#afb058
```
#afb058 rgb(175,176,88)
```
#b8b94f
```
#b8b94f rgb(184,185,79)
```
#c1c345
```
#c1c345 rgb(193,195,69)
```
#cbcc3c
```
#cbcc3c rgb(203,204,60)
```
#d4d632
```
#d4d632 rgb(212,214,50)
```
#dddf29
```
#dddf29 rgb(221,223,41)
```
#e6e91f
```
#e6e91f rgb(230,233,31)
```
#f0f216
```
#f0f216 rgb(240,242,22)
```
#f9fc0c
```
#f9fc0c rgb(249,252,12)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#a8a896 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1af5f Protanopia 1% of men
#d4a864 Deuteranopia 1% of men
#bdaab6 Tritanopia 0.001% of the population

Trichromacy

#baaf5c Protanomaly 1% of men, 0.01% of women
#c7aa60 Deuteranomaly 6% of men, 0.4% of women
#b8ac94 Tritanomaly 0.01% of the population

#afb058 hex color

#afb058 Color Information

#afb058 Color Conversion

Color Schemes with #afb058

Alternatives to #afb058

#afb058 Preview

Shades and Tints of #afb058

Tones of #afb058

Color Blindness Simulator