#a2ae56 hex color

In a RGB color space, hex #a2ae56 is composed of 63.5% red, 68.2% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 6.9% cyan, 0% magenta, 50.6% yellow and 31.8% black. It has a hue angle of 68.2 degrees, a saturation of 35.2% and a lightness of 51%. #a2ae56 color hex could be obtained by blending #ffffac with #455d00. Closest websafe color is: #999966.

♥
- f
- t
- g
- R 64
- G 68
- B 34
RGB color chart
- C 7
- M 0
- Y 51
- K 32
CMYK color chart

● #a2ae56 color description : Dark moderate yellow.

The hexadecimal color #a2ae56 has RGB values of R:162, G:174, B:86 and CMYK values of C:0.07, M:0, Y:0.51, K:0.32. Its decimal value is 10661462.

Hex triplet	a2ae56	`#a2ae56`
RGB Decimal	162, 174, 86	`rgb(162,174,86)`
RGB Percent	63.5, 68.2, 33.7	`rgb(63.5%,68.2%,33.7%)`
CMYK	7, 0, 51, 32
HSL	68.2°, 35.2, 51	`hsl(68.2,35.2%,51%)`
HSV (or HSB)	68.2°, 50.6, 68.2
Web Safe	999966	`#999966`

CIE-LAB	68.479, -17.332, 43.314
XYZ	31.716, 38.625, 14.588
xyY	0.373, 0.455, 38.625
CIE-LCH	68.479, 46.653, 111.809
CIE-LUV	68.479, -3.664, 55.645
Hunter-Lab	62.149, -17.67, 29.587
Binary	10100010, 10101110, 01010110

#a2ae56
```
#a2ae56 rgb(162,174,86)
```
#6256ae
```
#6256ae rgb(98,86,174)
```

Complementary Color

#ae8e56
```
#ae8e56 rgb(174,142,86)
```
#a2ae56
```
#a2ae56 rgb(162,174,86)
```
#76ae56
```
#76ae56 rgb(118,174,86)
```

Analogous Color

#8e56ae
```
#8e56ae rgb(142,86,174)
```
#a2ae56
```
#a2ae56 rgb(162,174,86)
```
#5676ae
```
#5676ae rgb(86,118,174)
```

Split Complementary Color

#ae56a2
```
#ae56a2 rgb(174,86,162)
```
#a2ae56
```
#a2ae56 rgb(162,174,86)
```
#56a2ae
```
#56a2ae rgb(86,162,174)
```

Triadic Color

#ae6256
```
#ae6256 rgb(174,98,86)
```
#a2ae56
```
#a2ae56 rgb(162,174,86)
```
#56a2ae
```
#56a2ae rgb(86,162,174)
```
#6256ae
```
#6256ae rgb(98,86,174)
```

Tetradic Color

#737c3b
```
#737c3b rgb(115,124,59)
```
#838d44
```
#838d44 rgb(131,141,68)
```
#939f4c
```
#939f4c rgb(147,159,76)
```
#a2ae56
```
#a2ae56 rgb(162,174,86)
```
#abb667
```
#abb667 rgb(171,182,103)
```
#b5bf78
```
#b5bf78 rgb(181,191,120)
```
#bec78a
```
#bec78a rgb(190,199,138)
```

Monochromatic Color

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

#aea456
```
#aea456 rgb(174,164,86)
```
#aeab56
```
#aeab56 rgb(174,171,86)
```
#a9ae56
```
#a9ae56 rgb(169,174,86)
```
#a2ae56
```
#a2ae56 rgb(162,174,86)
```
#9bae56
```
#9bae56 rgb(155,174,86)
```
#93ae56
```
#93ae56 rgb(147,174,86)
```
#8cae56
```
#8cae56 rgb(140,174,86)
```

Similar Colors

Text with hexadecimal color #a2ae56

This text has a font color of #a2ae56.

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

#a2ae56 background color

This paragraph has a background color of #a2ae56.

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

#a2ae56 border color

This element has a border color of #a2ae56.

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

CSS codes

.text {color:#a2ae56;}

.background {background-color:#a2ae56;}

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

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

#030302
```
#030302 rgb(3,3,2)
```
#0f1108
```
#0f1108 rgb(15,17,8)
```
#1c1e0e
```
#1c1e0e rgb(28,30,14)
```
#282b15
```
#282b15 rgb(40,43,21)
```
#34381b
```
#34381b rgb(52,56,27)
```
#414621
```
#414621 rgb(65,70,33)
```
#4d5328
```
#4d5328 rgb(77,83,40)
```
#59602e
```
#59602e rgb(89,96,46)
```
#666d34
```
#666d34 rgb(102,109,52)
```
#727b3b
```
#727b3b rgb(114,123,59)
```
#7e8841
```
#7e8841 rgb(126,136,65)
```
#8b9548
```
#8b9548 rgb(139,149,72)
```
#97a34e
```
#97a34e rgb(151,163,78)
```

Shade Color Variation

#a2ae56
```
#a2ae56 rgb(162,174,86)
```
#a9b463
```
#a9b463 rgb(169,180,99)
```
#b1bb71
```
#b1bb71 rgb(177,187,113)
```
#b8c17e
```
#b8c17e rgb(184,193,126)
```
#bfc78b
```
#bfc78b rgb(191,199,139)
```
#c6ce98
```
#c6ce98 rgb(198,206,152)
```
#ced4a6
```
#ced4a6 rgb(206,212,166)
```
#d5dab3
```
#d5dab3 rgb(213,218,179)
```
#dce1c0
```
#dce1c0 rgb(220,225,192)
```
#e4e7cd
```
#e4e7cd rgb(228,231,205)
```
#ebeedb
```
#ebeedb rgb(235,238,219)
```
#f2f4e8
```
#f2f4e8 rgb(242,244,232)
```
#fafaf5
```
#fafaf5 rgb(250,250,245)
```

Tint Color Variation

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

#86887c
```
#86887c rgb(134,136,124)
```
#8d9173
```
#8d9173 rgb(141,145,115)
```
#949b69
```
#949b69 rgb(148,155,105)
```
#9ba460
```
#9ba460 rgb(155,164,96)
```
#a2ae56
```
#a2ae56 rgb(162,174,86)
```
#a9b84c
```
#a9b84c rgb(169,184,76)
```
#b0c143
```
#b0c143 rgb(176,193,67)
```
#b7cb39
```
#b7cb39 rgb(183,203,57)
```
#bed430
```
#bed430 rgb(190,212,48)
```
#c5de26
```
#c5de26 rgb(197,222,38)
```
#cce81c
```
#cce81c rgb(204,232,28)
```
#d3f113
```
#d3f113 rgb(211,241,19)
```
#dafb09
```
#dafb09 rgb(218,251,9)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#a0a391 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcab5c Protanopia 1% of men
#cfa463 Deuteranopia 1% of men
#b1a8b4 Tritanopia 0.001% of the population

Trichromacy

#b2ac5a Protanomaly 1% of men, 0.01% of women
#bfa75e Deuteranomaly 6% of men, 0.4% of women
#acaa92 Tritanomaly 0.01% of the population

#a2ae56 hex color

#a2ae56 Color Information

#a2ae56 Color Conversion

Color Schemes with #a2ae56

Alternatives to #a2ae56

#a2ae56 Preview

Shades and Tints of #a2ae56

Tones of #a2ae56

Color Blindness Simulator