colorhexa.com

#afab1e hex color

In a RGB color space, hex #afab1e is composed of 68.6% red, 67.1% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.3% magenta, 82.9% yellow and 31.4% black. It has a hue angle of 58.3 degrees, a saturation of 70.7% and a lightness of 40.2%. #afab1e color hex could be obtained by blending #ffff3c with #5f5700. Closest websafe color is: #999933.

- R 69
- G 67
- B 12
RGB color chart
- C 0
- M 2
- Y 83
- K 31
CMYK color chart

● #afab1e color description : Dark yellow [Olive tone].

The hexadecimal color #afab1e has RGB values of R:175, G:171, B:30 and CMYK values of C:0, M:0.02, Y:0.83, K:0.31. Its decimal value is 11512606.

Hex triplet	afab1e	`#afab1e`
RGB Decimal	175, 171, 30	`rgb(175,171,30)`
RGB Percent	68.6, 67.1, 11.8	`rgb(68.6%,67.1%,11.8%)`
CMYK	0, 2, 83, 31
HSL	58.3°, 70.7, 40.2	`hsl(58.3,70.7%,40.2%)`
HSV (or HSB)	58.3°, 82.9, 68.6
Web Safe	999933	`#999933`

CIE-LAB	68.266, -13.663, 65.485
XYZ	32.477, 38.334, 6.917
xyY	0.418, 0.493, 38.334
CIE-LCH	68.266, 66.895, 101.785
CIE-LUV	68.266, 7.933, 71.733
Hunter-Lab	61.915, -14.721, 36.717
Binary	10101111, 10101011, 00011110

#afab1e
```
#afab1e rgb(175,171,30)
```
#1e22af
```
#1e22af rgb(30,34,175)
```

Complementary Color

#af631e
```
#af631e rgb(175,99,30)
```
#afab1e
```
#afab1e rgb(175,171,30)
```
#6baf1e
```
#6baf1e rgb(107,175,30)
```

Analogous Color

#621eaf
```
#621eaf rgb(98,30,175)
```
#afab1e
```
#afab1e rgb(175,171,30)
```
#1e6baf
```
#1e6baf rgb(30,107,175)
```

Split Complementary Color

#ab1eaf
```
#ab1eaf rgb(171,30,175)
```
#afab1e
```
#afab1e rgb(175,171,30)
```
#1eafab
```
#1eafab rgb(30,175,171)
```

Triadic Color

#af1e22
```
#af1e22 rgb(175,30,34)
```
#afab1e
```
#afab1e rgb(175,171,30)
```
#1eafab
```
#1eafab rgb(30,175,171)
```
#1e22af
```
#1e22af rgb(30,34,175)
```

Tetradic Color

#6e6b13
```
#6e6b13 rgb(110,107,19)
```
#838017
```
#838017 rgb(131,128,23)
```
#99961a
```
#99961a rgb(153,150,26)
```
#afab1e
```
#afab1e rgb(175,171,30)
```
#c5c022
```
#c5c022 rgb(197,192,34)
```
#dad526
```
#dad526 rgb(218,213,38)
```
#ded93c
```
#ded93c rgb(222,217,60)
```

Monochromatic Color

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

#af871e
```
#af871e rgb(175,135,30)
```
#af931e
```
#af931e rgb(175,147,30)
```
#af9f1e
```
#af9f1e rgb(175,159,30)
```
#afab1e
```
#afab1e rgb(175,171,30)
```
#a7af1e
```
#a7af1e rgb(167,175,30)
```
#9baf1e
```
#9baf1e rgb(155,175,30)
```
#8faf1e
```
#8faf1e rgb(143,175,30)
```

Similar Colors

Text with hexadecimal color #afab1e

This text has a font color of #afab1e.

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

#afab1e background color

This paragraph has a background color of #afab1e.

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

#afab1e border color

This element has a border color of #afab1e.

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

CSS codes

.text {color:#afab1e;}

.background {background-color:#afab1e;}

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

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

#080701
```
#080701 rgb(8,7,1)
```
#181804
```
#181804 rgb(24,24,4)
```
#292807
```
#292807 rgb(41,40,7)
```
#3a380a
```
#3a380a rgb(58,56,10)
```
#4b490d
```
#4b490d rgb(75,73,13)
```
#5b5910
```
#5b5910 rgb(91,89,16)
```
#6c6a13
```
#6c6a13 rgb(108,106,19)
```
#7d7a15
```
#7d7a15 rgb(125,122,21)
```
#8e8a18
```
#8e8a18 rgb(142,138,24)
```
#9e9b1b
```
#9e9b1b rgb(158,155,27)
```
#afab1e
```
#afab1e rgb(175,171,30)
```
#c0bb21
```
#c0bb21 rgb(192,187,33)
```
#d0cc24
```
#d0cc24 rgb(208,204,36)
```

Shade Color Variation

#dbd62d
```
#dbd62d rgb(219,214,45)
```
#ded93e
```
#ded93e rgb(222,217,62)
```
#e1dd4e
```
#e1dd4e rgb(225,221,78)
```
#e4e05f
```
#e4e05f rgb(228,224,95)
```
#e6e370
```
#e6e370 rgb(230,227,112)
```
#e9e681
```
#e9e681 rgb(233,230,129)
```
#ecea91
```
#ecea91 rgb(236,234,145)
```
#efeda2
```
#efeda2 rgb(239,237,162)
```
#f2f0b3
```
#f2f0b3 rgb(242,240,179)
```
#f5f3c4
```
#f5f3c4 rgb(245,243,196)
```
#f8f7d4
```
#f8f7d4 rgb(248,247,212)
```
#fbfae5
```
#fbfae5 rgb(251,250,229)
```
#fdfdf6
```
#fdfdf6 rgb(253,253,246)
```

Tint Color Variation

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

#686865
```
#686865 rgb(104,104,101)
```
#706f5d
```
#706f5d rgb(112,111,93)
```
#787755
```
#787755 rgb(120,119,85)
```
#807e4d
```
#807e4d rgb(128,126,77)
```
#888645
```
#888645 rgb(136,134,69)
```
#8f8d3e
```
#8f8d3e rgb(143,141,62)
```
#979536
```
#979536 rgb(151,149,54)
```
#9f9c2e
```
#9f9c2e rgb(159,156,46)
```
#a7a426
```
#a7a426 rgb(167,164,38)
```
#afab1e
```
#afab1e rgb(175,171,30)
```
#b7b216
```
#b7b216 rgb(183,178,22)
```
#bfba0e
```
#bfba0e rgb(191,186,14)
```
#c7c106
```
#c7c106 rgb(199,193,6)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#a09f83 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bfab28 Protanopia 1% of men
#d4a231 Deuteranopia 1% of men
#bea3af Tritanopia 0.001% of the population

Trichromacy

#b9ab24 Protanomaly 1% of men, 0.01% of women
#c7a52a Deuteranomaly 6% of men, 0.4% of women
#b9a67a Tritanomaly 0.01% of the population