colorhexa.com

#afbb42 hex color

In a RGB color space, hex #afbb42 is composed of 68.6% red, 73.3% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 6.4% cyan, 0% magenta, 64.7% yellow and 26.7% black. It has a hue angle of 66 degrees, a saturation of 47.8% and a lightness of 49.6%. #afbb42 color hex could be obtained by blending #ffff84 with #5f7700. Closest websafe color is: #99cc33.

- R 69
- G 73
- B 26
RGB color chart
- C 6
- M 0
- Y 65
- K 27
CMYK color chart

● #afbb42 color description : Moderate yellow.

The hexadecimal color #afbb42 has RGB values of R:175, G:187, B:66 and CMYK values of C:0.06, M:0, Y:0.65, K:0.27. Its decimal value is 11516738.

Hex triplet	afbb42	`#afbb42`
RGB Decimal	175, 187, 66	`rgb(175,187,66)`
RGB Percent	68.6, 73.3, 25.9	`rgb(68.6%,73.3%,25.9%)`
CMYK	6, 0, 65, 27
HSL	66°, 47.8, 49.6	`hsl(66,47.8%,49.6%)`
HSV (or HSB)	66°, 64.7, 73.3
Web Safe	99cc33	`#99cc33`

CIE-LAB	72.924, -20.084, 57.614
XYZ	36.433, 45.048, 11.93
xyY	0.39, 0.482, 45.048
CIE-LCH	72.924, 61.015, 109.219
CIE-LUV	72.924, -2.843, 69.894
Hunter-Lab	67.118, -20.564, 36.444
Binary	10101111, 10111011, 01000010

#afbb42
```
#afbb42 rgb(175,187,66)
```
#4e42bb
```
#4e42bb rgb(78,66,187)
```

Complementary Color

#bb8b42
```
#bb8b42 rgb(187,139,66)
```
#afbb42
```
#afbb42 rgb(175,187,66)
```
#73bb42
```
#73bb42 rgb(115,187,66)
```

Analogous Color

#8b42bb
```
#8b42bb rgb(139,66,187)
```
#afbb42
```
#afbb42 rgb(175,187,66)
```
#4273bb
```
#4273bb rgb(66,115,187)
```

Split Complementary Color

#bb42af
```
#bb42af rgb(187,66,175)
```
#afbb42
```
#afbb42 rgb(175,187,66)
```
#42afbb
```
#42afbb rgb(66,175,187)
```

Triadic Color

#bb4e42
```
#bb4e42 rgb(187,78,66)
```
#afbb42
```
#afbb42 rgb(175,187,66)
```
#42afbb
```
#42afbb rgb(66,175,187)
```
#4e42bb
```
#4e42bb rgb(78,66,187)
```

Tetradic Color

#7a822e
```
#7a822e rgb(122,130,46)
```
#8c9535
```
#8c9535 rgb(140,149,53)
```
#9da83b
```
#9da83b rgb(157,168,59)
```
#afbb42
```
#afbb42 rgb(175,187,66)
```
#b8c354
```
#b8c354 rgb(184,195,84)
```
#bfc967
```
#bfc967 rgb(191,201,103)
```
#c7d07a
```
#c7d07a rgb(199,208,122)
```

Monochromatic Color

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

#bba942
```
#bba942 rgb(187,169,66)
```
#bbb342
```
#bbb342 rgb(187,179,66)
```
#b9bb42
```
#b9bb42 rgb(185,187,66)
```
#afbb42
```
#afbb42 rgb(175,187,66)
```
#a5bb42
```
#a5bb42 rgb(165,187,66)
```
#9bbb42
```
#9bbb42 rgb(155,187,66)
```
#91bb42
```
#91bb42 rgb(145,187,66)
```

Similar Colors

Text with hexadecimal color #afbb42

This text has a font color of #afbb42.

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

#afbb42 background color

This paragraph has a background color of #afbb42.

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

#afbb42 border color

This element has a border color of #afbb42.

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

CSS codes

.text {color:#afbb42;}

.background {background-color:#afbb42;}

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

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, #0c0d05 is the darkest color, while #fefefe is the lightest one.

#0c0d05
```
#0c0d05 rgb(12,13,5)
```
#1a1c0a
```
#1a1c0a rgb(26,28,10)
```
#272a0f
```
#272a0f rgb(39,42,15)
```
#353914
```
#353914 rgb(53,57,20)
```
#424719
```
#424719 rgb(66,71,25)
```
#50561e
```
#50561e rgb(80,86,30)
```
#5e6423
```
#5e6423 rgb(94,100,35)
```
#6b7328
```
#6b7328 rgb(107,115,40)
```
#79812e
```
#79812e rgb(121,129,46)
```
#869033
```
#869033 rgb(134,144,51)
```
#949e38
```
#949e38 rgb(148,158,56)
```
#a1ad3d
```
#a1ad3d rgb(161,173,61)
```
#afbb42
```
#afbb42 rgb(175,187,66)
```

Shade Color Variation

#b6c150
```
#b6c150 rgb(182,193,80)
```
#bcc65e
```
#bcc65e rgb(188,198,94)
```
#c2cb6d
```
#c2cb6d rgb(194,203,109)
```
#c8d07b
```
#c8d07b rgb(200,208,123)
```
#ced68a
```
#ced68a rgb(206,214,138)
```
#d4db98
```
#d4db98 rgb(212,219,152)
```
#dae0a7
```
#dae0a7 rgb(218,224,167)
```
#e0e5b5
```
#e0e5b5 rgb(224,229,181)
```
#e6eac4
```
#e6eac4 rgb(230,234,196)
```
#ecefd2
```
#ecefd2 rgb(236,239,210)
```
#f2f4e1
```
#f2f4e1 rgb(242,244,225)
```
#f8f9ef
```
#f8f9ef rgb(248,249,239)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#80817c
```
#80817c rgb(128,129,124)
```
#888a73
```
#888a73 rgb(136,138,115)
```
#909469
```
#909469 rgb(144,148,105)
```
#989e5f
```
#989e5f rgb(152,158,95)
```
#9fa855
```
#9fa855 rgb(159,168,85)
```
#a7b14c
```
#a7b14c rgb(167,177,76)
```
#afbb42
```
#afbb42 rgb(175,187,66)
```
#b7c538
```
#b7c538 rgb(183,197,56)
```
#bfce2f
```
#bfce2f rgb(191,206,47)
```
#c6d825
```
#c6d825 rgb(198,216,37)
```
#cee21b
```
#cee21b rgb(206,226,27)
```
#d6ec11
```
#d6ec11 rgb(214,236,17)
```
#def508
```
#def508 rgb(222,245,8)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#abad95 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbb749 Protanopia 1% of men
#e1ae52 Deuteranopia 1% of men
#c0b3bf Tritanopia 0.001% of the population

Trichromacy

#c1b846 Protanomaly 1% of men, 0.01% of women
#ceb34c Deuteranomaly 6% of men, 0.4% of women
#b9b592 Tritanomaly 0.01% of the population