#a2af3c hex color

In a RGB color space, hex #a2af3c is composed of 63.5% red, 68.6% green and 23.5% blue. Whereas in a CMYK color space, it is composed of 7.4% cyan, 0% magenta, 65.7% yellow and 31.4% black. It has a hue angle of 66.8 degrees, a saturation of 48.9% and a lightness of 46.1%. #a2af3c color hex could be obtained by blending #ffff78 with #455f00. Closest websafe color is: #999933.

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

● #a2af3c color description : Dark moderate yellow.

The hexadecimal color #a2af3c has RGB values of R:162, G:175, B:60 and CMYK values of C:0.07, M:0, Y:0.66, K:0.31. Its decimal value is 10661692.

Hex triplet	a2af3c	`#a2af3c`
RGB Decimal	162, 175, 60	`rgb(162,175,60)`
RGB Percent	63.5, 68.6, 23.5	`rgb(63.5%,68.6%,23.5%)`
CMYK	7, 0, 66, 31
HSL	66.8°, 48.9, 46.1	`hsl(66.8,48.9%,46.1%)`
HSV (or HSB)	66.8°, 65.7, 68.6
Web Safe	999933	`#999933`

CIE-LAB	68.51, -19.924, 55.163
XYZ	31.046, 38.668, 10.103
xyY	0.389, 0.484, 38.668
CIE-LCH	68.51, 58.651, 109.859
CIE-LUV	68.51, -3.757, 66.144
Hunter-Lab	62.183, -19.703, 33.896
Binary	10100010, 10101111, 00111100

#a2af3c
```
#a2af3c rgb(162,175,60)
```
#493caf
```
#493caf rgb(73,60,175)
```

Complementary Color

#af833c
```
#af833c rgb(175,131,60)
```
#a2af3c
```
#a2af3c rgb(162,175,60)
```
#69af3c
```
#69af3c rgb(105,175,60)
```

Analogous Color

#833caf
```
#833caf rgb(131,60,175)
```
#a2af3c
```
#a2af3c rgb(162,175,60)
```
#3c69af
```
#3c69af rgb(60,105,175)
```

Split Complementary Color

#af3ca2
```
#af3ca2 rgb(175,60,162)
```
#a2af3c
```
#a2af3c rgb(162,175,60)
```
#3ca2af
```
#3ca2af rgb(60,162,175)
```

Triadic Color

#af493c
```
#af493c rgb(175,73,60)
```
#a2af3c
```
#a2af3c rgb(162,175,60)
```
#3ca2af
```
#3ca2af rgb(60,162,175)
```
#493caf
```
#493caf rgb(73,60,175)
```

Tetradic Color

#6d7628
```
#6d7628 rgb(109,118,40)
```
#7f892f
```
#7f892f rgb(127,137,47)
```
#909c35
```
#909c35 rgb(144,156,53)
```
#a2af3c
```
#a2af3c rgb(162,175,60)
```
#b1bf45
```
#b1bf45 rgb(177,191,69)
```
#b9c658
```
#b9c658 rgb(185,198,88)
```
#c1cc6b
```
#c1cc6b rgb(193,204,107)
```

Monochromatic Color

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

#af9f3c
```
#af9f3c rgb(175,159,60)
```
#afa93c
```
#afa93c rgb(175,169,60)
```
#acaf3c
```
#acaf3c rgb(172,175,60)
```
#a2af3c
```
#a2af3c rgb(162,175,60)
```
#98af3c
```
#98af3c rgb(152,175,60)
```
#8faf3c
```
#8faf3c rgb(143,175,60)
```
#85af3c
```
#85af3c rgb(133,175,60)
```

Similar Colors

Text with hexadecimal color #a2af3c

This text has a font color of #a2af3c.

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

#a2af3c background color

This paragraph has a background color of #a2af3c.

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

#a2af3c border color

This element has a border color of #a2af3c.

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

CSS codes

.text {color:#a2af3c;}

.background {background-color:#a2af3c;}

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

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, #0d0e05 is the darkest color, while #ffffff is the lightest one.

#0d0e05
```
#0d0e05 rgb(13,14,5)
```
#1b1d0a
```
#1b1d0a rgb(27,29,10)
```
#282c0f
```
#282c0f rgb(40,44,15)
```
#363a14
```
#363a14 rgb(54,58,20)
```
#434919
```
#434919 rgb(67,73,25)
```
#51571e
```
#51571e rgb(81,87,30)
```
#5e6623
```
#5e6623 rgb(94,102,35)
```
#6c7528
```
#6c7528 rgb(108,117,40)
```
#79832d
```
#79832d rgb(121,131,45)
```
#879232
```
#879232 rgb(135,146,50)
```
#94a037
```
#94a037 rgb(148,160,55)
```
#a2af3c
```
#a2af3c rgb(162,175,60)
```
#b0be41
```
#b0be41 rgb(176,190,65)
```

Shade Color Variation

#b6c34f
```
#b6c34f rgb(182,195,79)
```
#bcc85e
```
#bcc85e rgb(188,200,94)
```
#c2cd6d
```
#c2cd6d rgb(194,205,109)
```
#c8d27b
```
#c8d27b rgb(200,210,123)
```
#ced78a
```
#ced78a rgb(206,215,138)
```
#d4dc98
```
#d4dc98 rgb(212,220,152)
```
#dae1a7
```
#dae1a7 rgb(218,225,167)
```
#e0e6b6
```
#e0e6b6 rgb(224,230,182)
```
#e7ebc4
```
#e7ebc4 rgb(231,235,196)
```
#edf0d3
```
#edf0d3 rgb(237,240,211)
```
#f3f5e1
```
#f3f5e1 rgb(243,245,225)
```
#f9faf0
```
#f9faf0 rgb(249,250,240)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#787972
```
#787972 rgb(120,121,114)
```
#7f8269
```
#7f8269 rgb(127,130,105)
```
#868b60
```
#868b60 rgb(134,139,96)
```
#8d9457
```
#8d9457 rgb(141,148,87)
```
#949d4e
```
#949d4e rgb(148,157,78)
```
#9ba645
```
#9ba645 rgb(155,166,69)
```
#a2af3c
```
#a2af3c rgb(162,175,60)
```
#a9b833
```
#a9b833 rgb(169,184,51)
```
#b0c12a
```
#b0c12a rgb(176,193,42)
```
#b7ca21
```
#b7ca21 rgb(183,202,33)
```
#bed318
```
#bed318 rgb(190,211,24)
```
#c5dc0f
```
#c5dc0f rgb(197,220,15)
```
#cce506
```
#cce506 rgb(204,229,6)
```

Tone Color Variation

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

Dichromacy

#beab44 Protanopia 1% of men
#d3a34c Deuteranopia 1% of men
#b3a8b4 Tritanopia 0.001% of the population

Trichromacy

#b4ad41 Protanomaly 1% of men, 0.01% of women
#c1a746 Deuteranomaly 6% of men, 0.4% of women
#adaa88 Tritanomaly 0.01% of the population

#a2af3c hex color

#a2af3c Color Information

#a2af3c Color Conversion

Color Schemes with #a2af3c

Alternatives to #a2af3c

#a2af3c Preview

Shades and Tints of #a2af3c

Tones of #a2af3c

Color Blindness Simulator