#afaf33 hex color

In a RGB color space, hex #afaf33 is composed of 68.6% red, 68.6% green and 20% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 0% magenta, 70.9% yellow and 31.4% black. It has a hue angle of 60 degrees, a saturation of 54.9% and a lightness of 44.3%. #afaf33 color hex could be obtained by blending #ffff66 with #5f5f00. Closest websafe color is: #999933.

♥
- f
- t
- g
- R 69
- G 69
- B 20
RGB color chart
- C 0
- M 0
- Y 71
- K 31
CMYK color chart

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

The hexadecimal color #afaf33 has RGB values of R:175, G:175, B:51 and CMYK values of C:0, M:0, Y:0.71, K:0.31. Its decimal value is 11513651.

Hex triplet	afaf33	`#afaf33`
RGB Decimal	175, 175, 51	`rgb(175,175,51)`
RGB Percent	68.6, 68.6, 20	`rgb(68.6%,68.6%,20%)`
CMYK	0, 0, 71, 31
HSL	60°, 54.9, 44.3	`hsl(60,54.9%,44.3%)`
HSV (or HSB)	60°, 70.9, 68.6
Web Safe	999933	`#999933`

CIE-LAB	69.479, -14.882, 59.984
XYZ	33.607, 40.013, 9.085
xyY	0.406, 0.484, 40.013
CIE-LCH	69.479, 61.802, 103.934
CIE-LUV	69.479, 4.976, 69.029
Hunter-Lab	63.256, -15.865, 35.764
Binary	10101111, 10101111, 00110011

#afaf33
```
#afaf33 rgb(175,175,51)
```
#3333af
```
#3333af rgb(51,51,175)
```

Complementary Color

#af7133
```
#af7133 rgb(175,113,51)
```
#afaf33
```
#afaf33 rgb(175,175,51)
```
#71af33
```
#71af33 rgb(113,175,51)
```

Analogous Color

#7133af
```
#7133af rgb(113,51,175)
```
#afaf33
```
#afaf33 rgb(175,175,51)
```
#3371af
```
#3371af rgb(51,113,175)
```

Split Complementary Color

#af33af
```
#af33af rgb(175,51,175)
```
#afaf33
```
#afaf33 rgb(175,175,51)
```
#33afaf
```
#33afaf rgb(51,175,175)
```

Triadic Color

#af3333
```
#af3333 rgb(175,51,51)
```
#afaf33
```
#afaf33 rgb(175,175,51)
```
#33afaf
```
#33afaf rgb(51,175,175)
```
#3333af
```
#3333af rgb(51,51,175)
```

Tetradic Color

#747422
```
#747422 rgb(116,116,34)
```
#888827
```
#888827 rgb(136,136,39)
```
#9b9b2d
```
#9b9b2d rgb(155,155,45)
```
#afaf33
```
#afaf33 rgb(175,175,51)
```
#c3c339
```
#c3c339 rgb(195,195,57)
```
#caca4b
```
#caca4b rgb(202,202,75)
```
#d0d05e
```
#d0d05e rgb(208,208,94)
```

Monochromatic Color

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

#af9033
```
#af9033 rgb(175,144,51)
```
#af9a33
```
#af9a33 rgb(175,154,51)
```
#afa533
```
#afa533 rgb(175,165,51)
```
#afaf33
```
#afaf33 rgb(175,175,51)
```
#a5af33
```
#a5af33 rgb(165,175,51)
```
#9aaf33
```
#9aaf33 rgb(154,175,51)
```
#90af33
```
#90af33 rgb(144,175,51)
```

Similar Colors

Text with hexadecimal color #afaf33

This text has a font color of #afaf33.

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

#afaf33 background color

This paragraph has a background color of #afaf33.

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

#afaf33 border color

This element has a border color of #afaf33.

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

CSS codes

.text {color:#afaf33;}

.background {background-color:#afaf33;}

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

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

#080802
```
#080802 rgb(8,8,2)
```
#171707
```
#171707 rgb(23,23,7)
```
#26260b
```
#26260b rgb(38,38,11)
```
#353510
```
#353510 rgb(53,53,16)
```
#454514
```
#454514 rgb(69,69,20)
```
#545418
```
#545418 rgb(84,84,24)
```
#63631d
```
#63631d rgb(99,99,29)
```
#727221
```
#727221 rgb(114,114,33)
```
#818126
```
#818126 rgb(129,129,38)
```
#91912a
```
#91912a rgb(145,145,42)
```
#a0a02f
```
#a0a02f rgb(160,160,47)
```
#afaf33
```
#afaf33 rgb(175,175,51)
```
#bebe37
```
#bebe37 rgb(190,190,55)
```

Shade Color Variation

#c8c841
```
#c8c841 rgb(200,200,65)
```
#cccc51
```
#cccc51 rgb(204,204,81)
```
#d1d160
```
#d1d160 rgb(209,209,96)
```
#d5d56f
```
#d5d56f rgb(213,213,111)
```
#d9d97e
```
#d9d97e rgb(217,217,126)
```
#dede8d
```
#dede8d rgb(222,222,141)
```
#e2e29d
```
#e2e29d rgb(226,226,157)
```
#e7e7ac
```
#e7e7ac rgb(231,231,172)
```
#ebebbb
```
#ebebbb rgb(235,235,187)
```
#f0f0ca
```
#f0f0ca rgb(240,240,202)
```
#f4f4d9
```
#f4f4d9 rgb(244,244,217)
```
#f8f8e9
```
#f8f8e9 rgb(248,248,233)
```
#fdfdf8
```
#fdfdf8 rgb(253,253,248)
```

Tint Color Variation

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

#727270
```
#727270 rgb(114,114,112)
```
#7b7b67
```
#7b7b67 rgb(123,123,103)
```
#84845e
```
#84845e rgb(132,132,94)
```
#8c8c56
```
#8c8c56 rgb(140,140,86)
```
#95954d
```
#95954d rgb(149,149,77)
```
#9e9e44
```
#9e9e44 rgb(158,158,68)
```
#a6a63c
```
#a6a63c rgb(166,166,60)
```
#afaf33
```
#afaf33 rgb(175,175,51)
```
#b8b82a
```
#b8b82a rgb(184,184,42)
```
#c0c022
```
#c0c022 rgb(192,192,34)
```
#c9c919
```
#c9c919 rgb(201,201,25)
```
#d2d210
```
#d2d210 rgb(210,210,16)
```
#dada08
```
#dada08 rgb(218,218,8)
```

Tone Color Variation

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

Dichromacy

#c2ae3c Protanopia 1% of men
#d7a643 Deuteranopia 1% of men
#bea8b3 Tritanopia 0.001% of the population

Trichromacy

#bbae38 Protanomaly 1% of men, 0.01% of women
#c8a93d Deuteranomaly 6% of men, 0.4% of women
#b9aa85 Tritanomaly 0.01% of the population

#afaf33 hex color

#afaf33 Color Information

#afaf33 Color Conversion

Color Schemes with #afaf33

Alternatives to #afaf33

#afaf33 Preview

Shades and Tints of #afaf33

Tones of #afaf33

Color Blindness Simulator