#a2af17 hex color

In a RGB color space, hex #a2af17 is composed of 63.5% red, 68.6% green and 9% blue. Whereas in a CMYK color space, it is composed of 7.4% cyan, 0% magenta, 86.9% yellow and 31.4% black. It has a hue angle of 65.1 degrees, a saturation of 76.8% and a lightness of 38.8%. #a2af17 color hex could be obtained by blending #ffff2e with #455f00. Closest websafe color is: #999900.

♥
- f
- t
- g
- R 64
- G 69
- B 9
RGB color chart
- C 7
- M 0
- Y 87
- K 31
CMYK color chart

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

The hexadecimal color #a2af17 has RGB values of R:162, G:175, B:23 and CMYK values of C:0.07, M:0, Y:0.87, K:0.31. Its decimal value is 10661655.

Hex triplet	a2af17	`#a2af17`
RGB Decimal	162, 175, 23	`rgb(162,175,23)`
RGB Percent	63.5, 68.6, 9	`rgb(63.5%,68.6%,9%)`
CMYK	7, 0, 87, 31
HSL	65.1°, 76.8, 38.8	`hsl(65.1,76.8%,38.8%)`
HSV (or HSB)	65.1°, 86.9, 68.6
Web Safe	999900	`#999900`

CIE-LAB	68.317, -21.553, 66.72
XYZ	30.385, 38.403, 6.623
xyY	0.403, 0.509, 38.403
CIE-LCH	68.317, 70.115, 107.902
CIE-LUV	68.317, -3.358, 74.177
Hunter-Lab	61.97, -20.928, 37.043
Binary	10100010, 10101111, 00010111

#a2af17
```
#a2af17 rgb(162,175,23)
```
#2417af
```
#2417af rgb(36,23,175)
```

Complementary Color

#af7017
```
#af7017 rgb(175,112,23)
```
#a2af17
```
#a2af17 rgb(162,175,23)
```
#56af17
```
#56af17 rgb(86,175,23)
```

Analogous Color

#7017af
```
#7017af rgb(112,23,175)
```
#a2af17
```
#a2af17 rgb(162,175,23)
```
#1756af
```
#1756af rgb(23,86,175)
```

Split Complementary Color

#af17a2
```
#af17a2 rgb(175,23,162)
```
#a2af17
```
#a2af17 rgb(162,175,23)
```
#17a2af
```
#17a2af rgb(23,162,175)
```

Triadic Color

#af2417
```
#af2417 rgb(175,36,23)
```
#a2af17
```
#a2af17 rgb(162,175,23)
```
#17a2af
```
#17a2af rgb(23,162,175)
```
#2417af
```
#2417af rgb(36,23,175)
```

Tetradic Color

#636b0e
```
#636b0e rgb(99,107,14)
```
#788211
```
#788211 rgb(120,130,17)
```
#8d9814
```
#8d9814 rgb(141,152,20)
```
#a2af17
```
#a2af17 rgb(162,175,23)
```
#b7c61a
```
#b7c61a rgb(183,198,26)
```
#ccdc1d
```
#ccdc1d rgb(204,220,29)
```
#d4e42f
```
#d4e42f rgb(212,228,47)
```

Monochromatic Color

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

#af9617
```
#af9617 rgb(175,150,23)
```
#afa317
```
#afa317 rgb(175,163,23)
```
#afaf17
```
#afaf17 rgb(175,175,23)
```
#a2af17
```
#a2af17 rgb(162,175,23)
```
#95af17
```
#95af17 rgb(149,175,23)
```
#89af17
```
#89af17 rgb(137,175,23)
```
#7caf17
```
#7caf17 rgb(124,175,23)
```

Similar Colors

Text with hexadecimal color #a2af17

This text has a font color of #a2af17.

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

#a2af17 background color

This paragraph has a background color of #a2af17.

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

#a2af17 border color

This element has a border color of #a2af17.

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

CSS codes

.text {color:#a2af17;}

.background {background-color:#a2af17;}

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

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

#020200
```
#020200 rgb(2,2,0)
```
#121302
```
#121302 rgb(18,19,2)
```
#222405
```
#222405 rgb(34,36,5)
```
#323607
```
#323607 rgb(50,54,7)
```
#424709
```
#424709 rgb(66,71,9)
```
#52580c
```
#52580c rgb(82,88,12)
```
#626a0e
```
#626a0e rgb(98,106,14)
```
#727b10
```
#727b10 rgb(114,123,16)
```
#828c12
```
#828c12 rgb(130,140,18)
```
#929e15
```
#929e15 rgb(146,158,21)
```
#a2af17
```
#a2af17 rgb(162,175,23)
```
#b2c019
```
#b2c019 rgb(178,192,25)
```
#c2d21c
```
#c2d21c rgb(194,210,28)
```

Shade Color Variation

#d1e21f
```
#d1e21f rgb(209,226,31)
```
#d5e431
```
#d5e431 rgb(213,228,49)
```
#d8e642
```
#d8e642 rgb(216,230,66)
```
#dce853
```
#dce853 rgb(220,232,83)
```
#dfeb65
```
#dfeb65 rgb(223,235,101)
```
#e3ed76
```
#e3ed76 rgb(227,237,118)
```
#e6ef87
```
#e6ef87 rgb(230,239,135)
```
#eaf299
```
#eaf299 rgb(234,242,153)
```
#eef4aa
```
#eef4aa rgb(238,244,170)
```
#f1f6bb
```
#f1f6bb rgb(241,246,187)
```
#f5f8cd
```
#f5f8cd rgb(245,248,205)
```
#f8fbde
```
#f8fbde rgb(248,251,222)
```
#fcfdef
```
#fcfdef rgb(252,253,239)
```

Tint Color Variation

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

#696a5c
```
#696a5c rgb(105,106,92)
```
#6f7254
```
#6f7254 rgb(111,114,84)
```
#767a4c
```
#767a4c rgb(118,122,76)
```
#7c8145
```
#7c8145 rgb(124,129,69)
```
#82893d
```
#82893d rgb(130,137,61)
```
#899135
```
#899135 rgb(137,145,53)
```
#8f982e
```
#8f982e rgb(143,152,46)
```
#95a026
```
#95a026 rgb(149,160,38)
```
#9ca71f
```
#9ca71f rgb(156,167,31)
```
#a2af17
```
#a2af17 rgb(162,175,23)
```
#a8b70f
```
#a8b70f rgb(168,183,15)
```
#afbe08
```
#afbe08 rgb(175,190,8)
```
#b5c600
```
#b5c600 rgb(181,198,0)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#9c9e80 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bfab20 Protanopia 1% of men
#d5a32f Deuteranopia 1% of men
#b4a7b3 Tritanopia 0.001% of the population

Trichromacy

#b4ac1d Protanomaly 1% of men, 0.01% of women
#c2a726 Deuteranomaly 6% of men, 0.4% of women
#adaa7a Tritanomaly 0.01% of the population

#a2af17 hex color

#a2af17 Color Information

#a2af17 Color Conversion

Color Schemes with #a2af17

Alternatives to #a2af17

#a2af17 Preview

Shades and Tints of #a2af17

Tones of #a2af17

Color Blindness Simulator