#a2a364 hex color

In a RGB color space, hex #a2a364 is composed of 63.5% red, 63.9% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 0.6% cyan, 0% magenta, 38.7% yellow and 36.1% black. It has a hue angle of 61 degrees, a saturation of 25.5% and a lightness of 51.6%. #a2a364 color hex could be obtained by blending #ffffc8 with #454700. Closest websafe color is: #999966.

♥
- f
- t
- g
- R 64
- G 64
- B 39
RGB color chart
- C 1
- M 0
- Y 39
- K 36
CMYK color chart

● #a2a364 color description : Mostly desaturated dark yellow.

The hexadecimal color #a2a364 has RGB values of R:162, G:163, B:100 and CMYK values of C:0.01, M:0, Y:0.39, K:0.36. Its decimal value is 10658660.

Hex triplet	a2a364	`#a2a364`
RGB Decimal	162, 163, 100	`rgb(162,163,100)`
RGB Percent	63.5, 63.9, 39.2	`rgb(63.5%,63.9%,39.2%)`
CMYK	1, 0, 39, 36
HSL	61°, 25.5, 51.6	`hsl(61,25.5%,51.6%)`
HSV (or HSB)	61°, 38.7, 63.9
Web Safe	999966	`#999966`

CIE-LAB	65.59, -10.126, 32.607
XYZ	30.297, 34.796, 17.176
xyY	0.368, 0.423, 34.796
CIE-LCH	65.59, 34.143, 107.252
CIE-LUV	65.59, 2.457, 42.93
Hunter-Lab	58.988, -11.549, 24.028
Binary	10100010, 10100011, 01100100

#a2a364
```
#a2a364 rgb(162,163,100)
```
#6564a3
```
#6564a3 rgb(101,100,163)
```

Complementary Color

#a38564
```
#a38564 rgb(163,133,100)
```
#a2a364
```
#a2a364 rgb(162,163,100)
```
#83a364
```
#83a364 rgb(131,163,100)
```

Analogous Color

#8564a3
```
#8564a3 rgb(133,100,163)
```
#a2a364
```
#a2a364 rgb(162,163,100)
```
#6483a3
```
#6483a3 rgb(100,131,163)
```

Split Complementary Color

#a364a2
```
#a364a2 rgb(163,100,162)
```
#a2a364
```
#a2a364 rgb(162,163,100)
```
#64a2a3
```
#64a2a3 rgb(100,162,163)
```

Triadic Color

#a36564
```
#a36564 rgb(163,101,100)
```
#a2a364
```
#a2a364 rgb(162,163,100)
```
#64a2a3
```
#64a2a3 rgb(100,162,163)
```
#6564a3
```
#6564a3 rgb(101,100,163)
```

Tetradic Color

#747545
```
#747545 rgb(116,117,69)
```
#84854f
```
#84854f rgb(132,133,79)
```
#949558
```
#949558 rgb(148,149,88)
```
#a2a364
```
#a2a364 rgb(162,163,100)
```
#acac74
```
#acac74 rgb(172,172,116)
```
#b5b684
```
#b5b684 rgb(181,182,132)
```
#bfbf94
```
#bfbf94 rgb(191,191,148)
```

Monochromatic Color

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

#a39464
```
#a39464 rgb(163,148,100)
```
#a39a64
```
#a39a64 rgb(163,154,100)
```
#a39f64
```
#a39f64 rgb(163,159,100)
```
#a2a364
```
#a2a364 rgb(162,163,100)
```
#9da364
```
#9da364 rgb(157,163,100)
```
#98a364
```
#98a364 rgb(152,163,100)
```
#92a364
```
#92a364 rgb(146,163,100)
```

Similar Colors

Text with hexadecimal color #a2a364

This text has a font color of #a2a364.

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

#a2a364 background color

This paragraph has a background color of #a2a364.

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

#a2a364 border color

This element has a border color of #a2a364.

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

CSS codes

.text {color:#a2a364;}

.background {background-color:#a2a364;}

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

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

#050503
```
#050503 rgb(5,5,3)
```
#11110a
```
#11110a rgb(17,17,10)
```
#1d1e12
```
#1d1e12 rgb(29,30,18)
```
#2a2a19
```
#2a2a19 rgb(42,42,25)
```
#363620
```
#363620 rgb(54,54,32)
```
#424328
```
#424328 rgb(66,67,40)
```
#4e4f2f
```
#4e4f2f rgb(78,79,47)
```
#5b5b36
```
#5b5b36 rgb(91,91,54)
```
#67673d
```
#67673d rgb(103,103,61)
```
#737445
```
#737445 rgb(115,116,69)
```
#7f804c
```
#7f804c rgb(127,128,76)
```
#8c8c53
```
#8c8c53 rgb(140,140,83)
```
#98995b
```
#98995b rgb(152,153,91)
```

Shade Color Variation

#a2a364
```
#a2a364 rgb(162,163,100)
```
#a9aa70
```
#a9aa70 rgb(169,170,112)
```
#b1b27d
```
#b1b27d rgb(177,178,125)
```
#b8b989
```
#b8b989 rgb(184,185,137)
```
#c0c095
```
#c0c095 rgb(192,192,149)
```
#c7c8a2
```
#c7c8a2 rgb(199,200,162)
```
#cecfae
```
#cecfae rgb(206,207,174)
```
#d6d6ba
```
#d6d6ba rgb(214,214,186)
```
#ddddc6
```
#ddddc6 rgb(221,221,198)
```
#e4e5d3
```
#e4e5d3 rgb(228,229,211)
```
#ececdf
```
#ececdf rgb(236,236,223)
```
#f3f3eb
```
#f3f3eb rgb(243,243,235)
```
#fbfbf8
```
#fbfbf8 rgb(251,251,248)
```

Tint Color Variation

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

#868781
```
#868781 rgb(134,135,129)
```
#909077
```
#909077 rgb(144,144,119)
```
#999a6e
```
#999a6e rgb(153,154,110)
```
#a2a364
```
#a2a364 rgb(162,163,100)
```
#abad5b
```
#abad5b rgb(171,173,91)
```
#b4b651
```
#b4b651 rgb(180,182,81)
```
#bec048
```
#bec048 rgb(190,192,72)
```
#c7c93e
```
#c7c93e rgb(199,201,62)
```
#d0d335
```
#d0d335 rgb(208,211,53)
```
#d9dc2b
```
#d9dc2b rgb(217,220,43)
```
#e2e622
```
#e2e622 rgb(226,230,34)
```
#ecef18
```
#ecef18 rgb(236,239,24)
```
#f5f90f
```
#f5f90f rgb(245,249,15)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#9d9d91 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2a46a Protanopia 1% of men
#c39d6f Deuteranopia 1% of men
#afa0ab Tritanopia 0.001% of the population

Trichromacy

#aca368 Protanomaly 1% of men, 0.01% of women
#b79f6b Deuteranomaly 6% of men, 0.4% of women
#aaa191 Tritanomaly 0.01% of the population

#a2a364 hex color

#a2a364 Color Information

#a2a364 Color Conversion

Color Schemes with #a2a364

Alternatives to #a2a364

#a2a364 Preview

Shades and Tints of #a2a364

Tones of #a2a364

Color Blindness Simulator