#afaa30 hex color

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

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

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

The hexadecimal color #afaa30 has RGB values of R:175, G:170, B:48 and CMYK values of C:0, M:0.03, Y:0.73, K:0.31. Its decimal value is 11512368.

Hex triplet	afaa30	`#afaa30`
RGB Decimal	175, 170, 48	`rgb(175,170,48)`
RGB Percent	68.6, 66.7, 18.8	`rgb(68.6%,66.7%,18.8%)`
CMYK	0, 3, 73, 31
HSL	57.6°, 57, 43.7	`hsl(57.6,57%,43.7%)`
HSV (or HSB)	57.6°, 72.6, 68.6
Web Safe	999933	`#999933`

CIE-LAB	68.078, -12.453, 59.722
XYZ	32.588, 38.077, 8.429
xyY	0.412, 0.481, 38.077
CIE-LCH	68.078, 61.007, 101.778
CIE-LUV	68.078, 8.303, 67.668
Hunter-Lab	61.707, -13.721, 35.096
Binary	10101111, 10101010, 00110000

#afaa30
```
#afaa30 rgb(175,170,48)
```
#3035af
```
#3035af rgb(48,53,175)
```

Complementary Color

#af6b30
```
#af6b30 rgb(175,107,48)
```
#afaa30
```
#afaa30 rgb(175,170,48)
```
#75af30
```
#75af30 rgb(117,175,48)
```

Analogous Color

#6b30af
```
#6b30af rgb(107,48,175)
```
#afaa30
```
#afaa30 rgb(175,170,48)
```
#3075af
```
#3075af rgb(48,117,175)
```

Split Complementary Color

#aa30af
```
#aa30af rgb(170,48,175)
```
#afaa30
```
#afaa30 rgb(175,170,48)
```
#30afaa
```
#30afaa rgb(48,175,170)
```

Triadic Color

#af3035
```
#af3035 rgb(175,48,53)
```
#afaa30
```
#afaa30 rgb(175,170,48)
```
#30afaa
```
#30afaa rgb(48,175,170)
```
#3035af
```
#3035af rgb(48,53,175)
```

Tetradic Color

#737020
```
#737020 rgb(115,112,32)
```
#878325
```
#878325 rgb(135,131,37)
```
#9b972b
```
#9b972b rgb(155,151,43)
```
#afaa30
```
#afaa30 rgb(175,170,48)
```
#c3bd35
```
#c3bd35 rgb(195,189,53)
```
#ccc746
```
#ccc746 rgb(204,199,70)
```
#d2cd5a
```
#d2cd5a rgb(210,205,90)
```

Monochromatic Color

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

#af8a30
```
#af8a30 rgb(175,138,48)
```
#af9530
```
#af9530 rgb(175,149,48)
```
#af9f30
```
#af9f30 rgb(175,159,48)
```
#afaa30
```
#afaa30 rgb(175,170,48)
```
#a9af30
```
#a9af30 rgb(169,175,48)
```
#9faf30
```
#9faf30 rgb(159,175,48)
```
#94af30
```
#94af30 rgb(148,175,48)
```

Similar Colors

Text with hexadecimal color #afaa30

This text has a font color of #afaa30.

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

#afaa30 background color

This paragraph has a background color of #afaa30.

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

#afaa30 border color

This element has a border color of #afaa30.

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

CSS codes

.text {color:#afaa30;}

.background {background-color:#afaa30;}

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

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)
```
#151406
```
#151406 rgb(21,20,6)
```
#24230a
```
#24230a rgb(36,35,10)
```
#34320e
```
#34320e rgb(52,50,14)
```
#434112
```
#434112 rgb(67,65,18)
```
#535017
```
#535017 rgb(83,80,23)
```
#625f1b
```
#625f1b rgb(98,95,27)
```
#716e1f
```
#716e1f rgb(113,110,31)
```
#817d23
```
#817d23 rgb(129,125,35)
```
#908c28
```
#908c28 rgb(144,140,40)
```
#a09b2c
```
#a09b2c rgb(160,155,44)
```
#afaa30
```
#afaa30 rgb(175,170,48)
```
#beb934
```
#beb934 rgb(190,185,52)
```

Shade Color Variation

#cac43d
```
#cac43d rgb(202,196,61)
```
#cec94c
```
#cec94c rgb(206,201,76)
```
#d2cd5b
```
#d2cd5b rgb(210,205,91)
```
#d6d26b
```
#d6d26b rgb(214,210,107)
```
#dbd77a
```
#dbd77a rgb(219,215,122)
```
#dfdb8a
```
#dfdb8a rgb(223,219,138)
```
#e3e099
```
#e3e099 rgb(227,224,153)
```
#e7e5a8
```
#e7e5a8 rgb(231,229,168)
```
#ebe9b8
```
#ebe9b8 rgb(235,233,184)
```
#f0eec7
```
#f0eec7 rgb(240,238,199)
```
#f4f3d6
```
#f4f3d6 rgb(244,243,214)
```
#f8f7e6
```
#f8f7e6 rgb(248,247,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 #dad205 is the most saturated one.

#73736c
```
#73736c rgb(115,115,108)
```
#7c7b63
```
#7c7b63 rgb(124,123,99)
```
#84825b
```
#84825b rgb(132,130,91)
```
#8d8a52
```
#8d8a52 rgb(141,138,82)
```
#95924a
```
#95924a rgb(149,146,74)
```
#9e9a41
```
#9e9a41 rgb(158,154,65)
```
#a6a239
```
#a6a239 rgb(166,162,57)
```
#afaa30
```
#afaa30 rgb(175,170,48)
```
#b8b227
```
#b8b227 rgb(184,178,39)
```
#c0ba1f
```
#c0ba1f rgb(192,186,31)
```
#c9c216
```
#c9c216 rgb(201,194,22)
```
#d1ca0e
```
#d1ca0e rgb(209,202,14)
```
#dad205
```
#dad205 rgb(218,210,5)
```

Tone Color Variation

Below, you can see how #afaa30 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
#a1a088 Atypical Achromatopsia 0.001% of the population

Dichromacy

#beaa39 Protanopia 1% of men
#d3a240 Deuteranopia 1% of men
#bea3af Tritanopia 0.001% of the population

Trichromacy

#b8aa36 Protanomaly 1% of men, 0.01% of women
#c5a53a Deuteranomaly 6% of men, 0.4% of women
#b8a580 Tritanomaly 0.01% of the population

#afaa30 hex color

#afaa30 Color Information

#afaa30 Color Conversion

Color Schemes with #afaa30

Alternatives to #afaa30

#afaa30 Preview

Shades and Tints of #afaa30

Tones of #afaa30

Color Blindness Simulator