#9aa316 hex color

In a RGB color space, hex #9aa316 is composed of 60.4% red, 63.9% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 5.5% cyan, 0% magenta, 86.5% yellow and 36.1% black. It has a hue angle of 63.8 degrees, a saturation of 76.2% and a lightness of 36.3%. #9aa316 color hex could be obtained by blending #ffff2c with #354700. Closest websafe color is: #999900.

♥
- f
- t
- g
- R 60
- G 64
- B 9
RGB color chart
- C 6
- M 0
- Y 87
- K 36
CMYK color chart

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

The hexadecimal color #9aa316 has RGB values of R:154, G:163, B:22 and CMYK values of C:0.06, M:0, Y:0.87, K:0.36. Its decimal value is 10134294.

Hex triplet	9aa316	`#9aa316`
RGB Decimal	154, 163, 22	`rgb(154,163,22)`
RGB Percent	60.4, 63.9, 8.6	`rgb(60.4%,63.9%,8.6%)`
CMYK	6, 0, 87, 36
HSL	63.8°, 76.2, 36.3	`hsl(63.8,76.2%,36.3%)`
HSV (or HSB)	63.8°, 86.5, 63.9
Web Safe	999900	`#999900`

CIE-LAB	64.26, -19.025, 63.332
XYZ	26.568, 33.123, 5.753
xyY	0.406, 0.506, 33.123
CIE-LCH	64.26, 66.128, 106.721
CIE-LUV	64.26, -1.068, 69.359
Hunter-Lab	57.552, -18.314, 34.36
Binary	10011010, 10100011, 00010110

#9aa316
```
#9aa316 rgb(154,163,22)
```
#1f16a3
```
#1f16a3 rgb(31,22,163)
```

Complementary Color

#a36616
```
#a36616 rgb(163,102,22)
```
#9aa316
```
#9aa316 rgb(154,163,22)
```
#54a316
```
#54a316 rgb(84,163,22)
```

Analogous Color

#6616a3
```
#6616a3 rgb(102,22,163)
```
#9aa316
```
#9aa316 rgb(154,163,22)
```
#1654a3
```
#1654a3 rgb(22,84,163)
```

Split Complementary Color

#a3169a
```
#a3169a rgb(163,22,154)
```
#9aa316
```
#9aa316 rgb(154,163,22)
```
#169aa3
```
#169aa3 rgb(22,154,163)
```

Triadic Color

#a31f16
```
#a31f16 rgb(163,31,22)
```
#9aa316
```
#9aa316 rgb(154,163,22)
```
#169aa3
```
#169aa3 rgb(22,154,163)
```
#1f16a3
```
#1f16a3 rgb(31,22,163)
```

Tetradic Color

#5a600d
```
#5a600d rgb(90,96,13)
```
#707610
```
#707610 rgb(112,118,16)
```
#858d13
```
#858d13 rgb(133,141,19)
```
#9aa316
```
#9aa316 rgb(154,163,22)
```
#afb919
```
#afb919 rgb(175,185,25)
```
#c4d01c
```
#c4d01c rgb(196,208,28)
```
#d5e124
```
#d5e124 rgb(213,225,36)
```

Monochromatic Color

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

#a38916
```
#a38916 rgb(163,137,22)
```
#a39516
```
#a39516 rgb(163,149,22)
```
#a3a016
```
#a3a016 rgb(163,160,22)
```
#9aa316
```
#9aa316 rgb(154,163,22)
```
#8ea316
```
#8ea316 rgb(142,163,22)
```
#83a316
```
#83a316 rgb(131,163,22)
```
#77a316
```
#77a316 rgb(119,163,22)
```

Similar Colors

Text with hexadecimal color #9aa316

This text has a font color of #9aa316.

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

#9aa316 background color

This paragraph has a background color of #9aa316.

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

#9aa316 border color

This element has a border color of #9aa316.

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

CSS codes

.text {color:#9aa316;}

.background {background-color:#9aa316;}

.border {border:1px solid #9aa316;}

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

#070701
```
#070701 rgb(7,7,1)
```
#171903
```
#171903 rgb(23,25,3)
```
#282a06
```
#282a06 rgb(40,42,6)
```
#383b08
```
#383b08 rgb(56,59,8)
```
#484d0a
```
#484d0a rgb(72,77,10)
```
#595e0d
```
#595e0d rgb(89,94,13)
```
#696f0f
```
#696f0f rgb(105,111,15)
```
#798011
```
#798011 rgb(121,128,17)
```
#8a9214
```
#8a9214 rgb(138,146,20)
```
#9aa316
```
#9aa316 rgb(154,163,22)
```
#aab418
```
#aab418 rgb(170,180,24)
```
#bbc61b
```
#bbc61b rgb(187,198,27)
```
#cbd71d
```
#cbd71d rgb(203,215,29)
```

Shade Color Variation

#d6e226
```
#d6e226 rgb(214,226,38)
```
#d9e437
```
#d9e437 rgb(217,228,55)
```
#dce648
```
#dce648 rgb(220,230,72)
```
#e0e95a
```
#e0e95a rgb(224,233,90)
```
#e3eb6b
```
#e3eb6b rgb(227,235,107)
```
#e6ed7c
```
#e6ed7c rgb(230,237,124)
```
#e9f08d
```
#e9f08d rgb(233,240,141)
```
#edf29f
```
#edf29f rgb(237,242,159)
```
#f0f4b0
```
#f0f4b0 rgb(240,244,176)
```
#f3f7c1
```
#f3f7c1 rgb(243,247,193)
```
#f7f9d3
```
#f7f9d3 rgb(247,249,211)
```
#fafbe4
```
#fafbe4 rgb(250,251,228)
```
#fdfef5
```
#fdfef5 rgb(253,254,245)
```

Tint Color Variation

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

#626356
```
#626356 rgb(98,99,86)
```
#686a4f
```
#686a4f rgb(104,106,79)
```
#6f7148
```
#6f7148 rgb(111,113,72)
```
#757841
```
#757841 rgb(117,120,65)
```
#7b7f3a
```
#7b7f3a rgb(123,127,58)
```
#818732
```
#818732 rgb(129,135,50)
```
#878e2b
```
#878e2b rgb(135,142,43)
```
#8e9524
```
#8e9524 rgb(142,149,36)
```
#949c1d
```
#949c1d rgb(148,156,29)
```
#9aa316
```
#9aa316 rgb(154,163,22)
```
#a0aa0f
```
#a0aa0f rgb(160,170,15)
```
#a6b108
```
#a6b108 rgb(166,177,8)
```
#adb801
```
#adb801 rgb(173,184,1)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#929478 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4a120 Protanopia 1% of men
#c8992c Deuteranopia 1% of men
#ab9ca7 Tritanopia 0.001% of the population

Trichromacy

#aaa11c Protanomaly 1% of men, 0.01% of women
#b79c24 Deuteranomaly 6% of men, 0.4% of women
#a59f72 Tritanomaly 0.01% of the population

#9aa316 hex color

#9aa316 Color Information

#9aa316 Color Conversion

Color Schemes with #9aa316

Alternatives to #9aa316

#9aa316 Preview

Shades and Tints of #9aa316

Tones of #9aa316

Color Blindness Simulator