#afab46 hex color

In a RGB color space, hex #afab46 is composed of 68.6% red, 67.1% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.3% magenta, 60% yellow and 31.4% black. It has a hue angle of 57.7 degrees, a saturation of 42.9% and a lightness of 48%. #afab46 color hex could be obtained by blending #ffff8c with #5f5700. Closest websafe color is: #999933.

♥
- f
- t
- g
- R 69
- G 67
- B 27
RGB color chart
- C 0
- M 2
- Y 60
- K 31
CMYK color chart

● #afab46 color description : Dark moderate yellow.

The hexadecimal color #afab46 has RGB values of R:175, G:171, B:70 and CMYK values of C:0, M:0.02, Y:0.6, K:0.31. Its decimal value is 11512646.

Hex triplet	afab46	`#afab46`
RGB Decimal	175, 171, 70	`rgb(175,171,70)`
RGB Percent	68.6, 67.1, 27.5	`rgb(68.6%,67.1%,27.5%)`
CMYK	0, 2, 60, 31
HSL	57.7°, 42.9, 48	`hsl(57.7,42.9%,48%)`
HSV (or HSB)	57.7°, 60, 68.6
Web Safe	999933	`#999933`

CIE-LAB	68.521, -11.662, 51.176
XYZ	33.348, 38.683, 11.504
xyY	0.399, 0.463, 38.683
CIE-LCH	68.521, 52.488, 102.838
CIE-LUV	68.521, 7.107, 61.321
Hunter-Lab	62.195, -13.135, 32.57
Binary	10101111, 10101011, 01000110

#afab46
```
#afab46 rgb(175,171,70)
```
#464aaf
```
#464aaf rgb(70,74,175)
```

Complementary Color

#af7746
```
#af7746 rgb(175,119,70)
```
#afab46
```
#afab46 rgb(175,171,70)
```
#7faf46
```
#7faf46 rgb(127,175,70)
```

Analogous Color

#7746af
```
#7746af rgb(119,70,175)
```
#afab46
```
#afab46 rgb(175,171,70)
```
#467faf
```
#467faf rgb(70,127,175)
```

Split Complementary Color

#ab46af
```
#ab46af rgb(171,70,175)
```
#afab46
```
#afab46 rgb(175,171,70)
```
#46afab
```
#46afab rgb(70,175,171)
```

Triadic Color

#af464a
```
#af464a rgb(175,70,74)
```
#afab46
```
#afab46 rgb(175,171,70)
```
#46afab
```
#46afab rgb(70,175,171)
```
#464aaf
```
#464aaf rgb(70,74,175)
```

Tetradic Color

#787630
```
#787630 rgb(120,118,48)
```
#8b8737
```
#8b8737 rgb(139,135,55)
```
#9d993f
```
#9d993f rgb(157,153,63)
```
#afab46
```
#afab46 rgb(175,171,70)
```
#bbb754
```
#bbb754 rgb(187,183,84)
```
#c2be66
```
#c2be66 rgb(194,190,102)
```
#c9c678
```
#c9c678 rgb(201,198,120)
```

Monochromatic Color

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

#af9146
```
#af9146 rgb(175,145,70)
```
#af9a46
```
#af9a46 rgb(175,154,70)
```
#afa246
```
#afa246 rgb(175,162,70)
```
#afab46
```
#afab46 rgb(175,171,70)
```
#aaaf46
```
#aaaf46 rgb(170,175,70)
```
#a2af46
```
#a2af46 rgb(162,175,70)
```
#99af46
```
#99af46 rgb(153,175,70)
```

Similar Colors

Text with hexadecimal color #afab46

This text has a font color of #afab46.

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

#afab46 background color

This paragraph has a background color of #afab46.

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

#afab46 border color

This element has a border color of #afab46.

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

CSS codes

.text {color:#afab46;}

.background {background-color:#afab46;}

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

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

#070703
```
#070703 rgb(7,7,3)
```
#151408
```
#151408 rgb(21,20,8)
```
#23220e
```
#23220e rgb(35,34,14)
```
#313014
```
#313014 rgb(49,48,20)
```
#3f3d19
```
#3f3d19 rgb(63,61,25)
```
#4d4b1f
```
#4d4b1f rgb(77,75,31)
```
#5b5924
```
#5b5924 rgb(91,89,36)
```
#69672a
```
#69672a rgb(105,103,42)
```
#777430
```
#777430 rgb(119,116,48)
```
#858235
```
#858235 rgb(133,130,53)
```
#93903b
```
#93903b rgb(147,144,59)
```
#a19d40
```
#a19d40 rgb(161,157,64)
```
#afab46
```
#afab46 rgb(175,171,70)
```

Shade Color Variation

#b9b550
```
#b9b550 rgb(185,181,80)
```
#bebb5e
```
#bebb5e rgb(190,187,94)
```
#c4c16c
```
#c4c16c rgb(196,193,108)
```
#cac77a
```
#cac77a rgb(202,199,122)
```
#cfcd88
```
#cfcd88 rgb(207,205,136)
```
#d5d396
```
#d5d396 rgb(213,211,150)
```
#dbd8a4
```
#dbd8a4 rgb(219,216,164)
```
#e0deb2
```
#e0deb2 rgb(224,222,178)
```
#e6e4c0
```
#e6e4c0 rgb(230,228,192)
```
#ebeace
```
#ebeace rgb(235,234,206)
```
#f1f0dc
```
#f1f0dc rgb(241,240,220)
```
#f7f6ea
```
#f7f6ea rgb(247,246,234)
```
#fcfcf8
```
#fcfcf8 rgb(252,252,248)
```

Tint Color Variation

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

#807f75
```
#807f75 rgb(128,127,117)
```
#89886c
```
#89886c rgb(137,136,108)
```
#939162
```
#939162 rgb(147,145,98)
```
#9c9a59
```
#9c9a59 rgb(156,154,89)
```
#a6a24f
```
#a6a24f rgb(166,162,79)
```
#afab46
```
#afab46 rgb(175,171,70)
```
#b8b43d
```
#b8b43d rgb(184,180,61)
```
#c2bc33
```
#c2bc33 rgb(194,188,51)
```
#cbc52a
```
#cbc52a rgb(203,197,42)
```
#d5ce20
```
#d5ce20 rgb(213,206,32)
```
#ded717
```
#ded717 rgb(222,215,23)
```
#e8df0d
```
#e8df0d rgb(232,223,13)
```
#f1e804
```
#f1e804 rgb(241,232,4)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#a4a38f Atypical Achromatopsia 0.001% of the population

Dichromacy

#beab4e Protanopia 1% of men
#d2a353 Deuteranopia 1% of men
#bda5b0 Tritanopia 0.001% of the population

Trichromacy

#b8ab4b Protanomaly 1% of men, 0.01% of women
#c5a64e Deuteranomaly 6% of men, 0.4% of women
#b8a78a Tritanomaly 0.01% of the population

#afab46 hex color

#afab46 Color Information

#afab46 Color Conversion

Color Schemes with #afab46

Alternatives to #afab46

#afab46 Preview

Shades and Tints of #afab46

Tones of #afab46

Color Blindness Simulator