#afab30 hex color

In a RGB color space, hex #afab30 is composed of 68.6% red, 67.1% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.3% magenta, 72.6% yellow and 31.4% black. It has a hue angle of 58.1 degrees, a saturation of 57% and a lightness of 43.7%. #afab30 color hex could be obtained by blending #ffff60 with #5f5700. Closest websafe color is: #999933.

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

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

The hexadecimal color #afab30 has RGB values of R:175, G:171, B:48 and CMYK values of C:0, M:0.02, Y:0.73, K:0.31. Its decimal value is 11512624.

Hex triplet	afab30	`#afab30`
RGB Decimal	175, 171, 48	`rgb(175,171,48)`
RGB Percent	68.6, 67.1, 18.8	`rgb(68.6%,67.1%,18.8%)`
CMYK	0, 2, 73, 31
HSL	58.1°, 57, 43.7	`hsl(58.1,57%,43.7%)`
HSV (or HSB)	58.1°, 72.6, 68.6
Web Safe	999933	`#999933`

CIE-LAB	68.354, -12.97, 59.987
XYZ	32.776, 38.454, 8.492
xyY	0.411, 0.482, 38.454
CIE-LCH	68.354, 61.374, 102.201
CIE-LUV	68.354, 7.644, 68.091
Hunter-Lab	62.011, -14.174, 35.288
Binary	10101111, 10101011, 00110000

#afab30
```
#afab30 rgb(175,171,48)
```
#3034af
```
#3034af rgb(48,52,175)
```

Complementary Color

#af6c30
```
#af6c30 rgb(175,108,48)
```
#afab30
```
#afab30 rgb(175,171,48)
```
#74af30
```
#74af30 rgb(116,175,48)
```

Analogous Color

#6c30af
```
#6c30af rgb(108,48,175)
```
#afab30
```
#afab30 rgb(175,171,48)
```
#3074af
```
#3074af rgb(48,116,175)
```

Split Complementary Color

#ab30af
```
#ab30af rgb(171,48,175)
```
#afab30
```
#afab30 rgb(175,171,48)
```
#30afab
```
#30afab rgb(48,175,171)
```

Triadic Color

#af3034
```
#af3034 rgb(175,48,52)
```
#afab30
```
#afab30 rgb(175,171,48)
```
#30afab
```
#30afab rgb(48,175,171)
```
#3034af
```
#3034af rgb(48,52,175)
```

Tetradic Color

#737020
```
#737020 rgb(115,112,32)
```
#878425
```
#878425 rgb(135,132,37)
```
#9b972b
```
#9b972b rgb(155,151,43)
```
#afab30
```
#afab30 rgb(175,171,48)
```
#c3bf35
```
#c3bf35 rgb(195,191,53)
```
#ccc846
```
#ccc846 rgb(204,200,70)
```
#d2ce5a
```
#d2ce5a rgb(210,206,90)
```

Monochromatic Color

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

#af8b30
```
#af8b30 rgb(175,139,48)
```
#af9630
```
#af9630 rgb(175,150,48)
```
#afa030
```
#afa030 rgb(175,160,48)
```
#afab30
```
#afab30 rgb(175,171,48)
```
#a8af30
```
#a8af30 rgb(168,175,48)
```
#9eaf30
```
#9eaf30 rgb(158,175,48)
```
#93af30
```
#93af30 rgb(147,175,48)
```

Similar Colors

Text with hexadecimal color #afab30

This text has a font color of #afab30.

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

#afab30 background color

This paragraph has a background color of #afab30.

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

#afab30 border color

This element has a border color of #afab30.

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

CSS codes

.text {color:#afab30;}

.background {background-color:#afab30;}

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

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

#060602
```
#060602 rgb(6,6,2)
```
#151506
```
#151506 rgb(21,21,6)
```
#24240a
```
#24240a rgb(36,36,10)
```
#34330e
```
#34330e rgb(52,51,14)
```
#434212
```
#434212 rgb(67,66,18)
```
#535117
```
#535117 rgb(83,81,23)
```
#62601b
```
#62601b rgb(98,96,27)
```
#716f1f
```
#716f1f rgb(113,111,31)
```
#817e23
```
#817e23 rgb(129,126,35)
```
#908d28
```
#908d28 rgb(144,141,40)
```
#a09c2c
```
#a09c2c rgb(160,156,44)
```
#afab30
```
#afab30 rgb(175,171,48)
```
#beba34
```
#beba34 rgb(190,186,52)
```

Shade Color Variation

#cac53d
```
#cac53d rgb(202,197,61)
```
#ceca4c
```
#ceca4c rgb(206,202,76)
```
#d2ce5b
```
#d2ce5b rgb(210,206,91)
```
#d6d36b
```
#d6d36b rgb(214,211,107)
```
#dbd87a
```
#dbd87a rgb(219,216,122)
```
#dfdc8a
```
#dfdc8a rgb(223,220,138)
```
#e3e199
```
#e3e199 rgb(227,225,153)
```
#e7e5a8
```
#e7e5a8 rgb(231,229,168)
```
#ebeab8
```
#ebeab8 rgb(235,234,184)
```
#f0eec7
```
#f0eec7 rgb(240,238,199)
```
#f4f3d6
```
#f4f3d6 rgb(244,243,214)
```
#f8f8e6
```
#f8f8e6 rgb(248,248,230)
```
#fcfcf5
```
#fcfcf5 rgb(252,252,245)
```

Tint Color Variation

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

#73736c
```
#73736c rgb(115,115,108)
```
#7c7b63
```
#7c7b63 rgb(124,123,99)
```
#84835b
```
#84835b rgb(132,131,91)
```
#8d8b52
```
#8d8b52 rgb(141,139,82)
```
#95934a
```
#95934a rgb(149,147,74)
```
#9e9b41
```
#9e9b41 rgb(158,155,65)
```
#a6a339
```
#a6a339 rgb(166,163,57)
```
#afab30
```
#afab30 rgb(175,171,48)
```
#b8b327
```
#b8b327 rgb(184,179,39)
```
#c0bb1f
```
#c0bb1f rgb(192,187,31)
```
#c9c316
```
#c9c316 rgb(201,195,22)
```
#d1cb0e
```
#d1cb0e rgb(209,203,14)
```
#dad305
```
#dad305 rgb(218,211,5)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#a1a188 Atypical Achromatopsia 0.001% of the population

Dichromacy

#beab39 Protanopia 1% of men
#d4a340 Deuteranopia 1% of men
#bea4b0 Tritanopia 0.001% of the population

Trichromacy

#b9ab36 Protanomaly 1% of men, 0.01% of women
#c6a63a Deuteranomaly 6% of men, 0.4% of women
#b8a681 Tritanomaly 0.01% of the population

#afab30 hex color

#afab30 Color Information

#afab30 Color Conversion

Color Schemes with #afab30

Alternatives to #afab30

#afab30 Preview

Shades and Tints of #afab30

Tones of #afab30

Color Blindness Simulator