#aaa300 hex color

In a RGB color space, hex #aaa300 is composed of 66.7% red, 63.9% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 4.1% magenta, 100% yellow and 33.3% black. It has a hue angle of 57.5 degrees, a saturation of 100% and a lightness of 33.3%. #aaa300 color hex could be obtained by blending #ffff00 with #554700. Closest websafe color is: #999900.

♥
- f
- t
- g
- R 67
- G 64
- B 0
RGB color chart
- C 0
- M 4
- Y 100
- K 33
CMYK color chart

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

The hexadecimal color #aaa300 has RGB values of R:170, G:163, B:0 and CMYK values of C:0, M:0.04, Y:1, K:0.33. Its decimal value is 11182848.

Hex triplet	aaa300	`#aaa300`
RGB Decimal	170, 163, 0	`rgb(170,163,0)`
RGB Percent	66.7, 63.9, 0	`rgb(66.7%,63.9%,0%)`
CMYK	0, 4, 100, 33
HSL	57.5°, 100, 33.3	`hsl(57.5,100%,33.3%)`
HSV (or HSB)	57.5°, 100, 66.7
Web Safe	999900	`#999900`

CIE-LAB	65.547, -12.296, 68.303
XYZ	29.675, 34.741, 5.143
xyY	0.427, 0.499, 34.741
CIE-LCH	65.547, 69.401, 100.205
CIE-LUV	65.547, 10.051, 71.466
Hunter-Lab	58.942, -13.28, 36.086
Binary	10101010, 10100011, 00000000

#aaa300
```
#aaa300 rgb(170,163,0)
```
#0007aa
```
#0007aa rgb(0,7,170)
```

Complementary Color

#aa4e00
```
#aa4e00 rgb(170,78,0)
```
#aaa300
```
#aaa300 rgb(170,163,0)
```
#5caa00
```
#5caa00 rgb(92,170,0)
```

Analogous Color

#4e00aa
```
#4e00aa rgb(78,0,170)
```
#aaa300
```
#aaa300 rgb(170,163,0)
```
#005caa
```
#005caa rgb(0,92,170)
```

Split Complementary Color

#a300aa
```
#a300aa rgb(163,0,170)
```
#aaa300
```
#aaa300 rgb(170,163,0)
```
#00aaa3
```
#00aaa3 rgb(0,170,163)
```

Triadic Color

#aa0007
```
#aa0007 rgb(170,0,7)
```
#aaa300
```
#aaa300 rgb(170,163,0)
```
#00aaa3
```
#00aaa3 rgb(0,170,163)
```
#0007aa
```
#0007aa rgb(0,7,170)
```

Tetradic Color

#5e5a00
```
#5e5a00 rgb(94,90,0)
```
#777200
```
#777200 rgb(119,114,0)
```
#918b00
```
#918b00 rgb(145,139,0)
```
#aaa300
```
#aaa300 rgb(170,163,0)
```
#c4bb00
```
#c4bb00 rgb(196,187,0)
```
#ddd400
```
#ddd400 rgb(221,212,0)
```
#f7ec00
```
#f7ec00 rgb(247,236,0)
```

Monochromatic Color

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

#aa7900
```
#aa7900 rgb(170,121,0)
```
#aa8700
```
#aa8700 rgb(170,135,0)
```
#aa9500
```
#aa9500 rgb(170,149,0)
```
#aaa300
```
#aaa300 rgb(170,163,0)
```
#a3aa00
```
#a3aa00 rgb(163,170,0)
```
#95aa00
```
#95aa00 rgb(149,170,0)
```
#87aa00
```
#87aa00 rgb(135,170,0)
```

Similar Colors

Text with hexadecimal color #aaa300

This text has a font color of #aaa300.

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

#aaa300 background color

This paragraph has a background color of #aaa300.

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

#aaa300 border color

This element has a border color of #aaa300.

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

CSS codes

.text {color:#aaa300;}

.background {background-color:#aaa300;}

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

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

#0d0d00
```
#0d0d00 rgb(13,13,0)
```
#211f00
```
#211f00 rgb(33,31,0)
```
#343200
```
#343200 rgb(52,50,0)
```
#484500
```
#484500 rgb(72,69,0)
```
#5c5800
```
#5c5800 rgb(92,88,0)
```
#6f6b00
```
#6f6b00 rgb(111,107,0)
```
#837d00
```
#837d00 rgb(131,125,0)
```
#969000
```
#969000 rgb(150,144,0)
```
#aaa300
```
#aaa300 rgb(170,163,0)
```
#beb600
```
#beb600 rgb(190,182,0)
```
#d1c900
```
#d1c900 rgb(209,201,0)
```
#e5db00
```
#e5db00 rgb(229,219,0)
```
#f8ee00
```
#f8ee00 rgb(248,238,0)
```

Shade Color Variation

#fff50d
```
#fff50d rgb(255,245,13)
```
#fff621
```
#fff621 rgb(255,246,33)
```
#fff734
```
#fff734 rgb(255,247,52)
```
#fff748
```
#fff748 rgb(255,247,72)
```
#fff85c
```
#fff85c rgb(255,248,92)
```
#fff96f
```
#fff96f rgb(255,249,111)
```
#fffa83
```
#fffa83 rgb(255,250,131)
```
#fffb96
```
#fffb96 rgb(255,251,150)
```
#fffcaa
```
#fffcaa rgb(255,252,170)
```
#fffcbe
```
#fffcbe rgb(255,252,190)
```
#fffdd1
```
#fffdd1 rgb(255,253,209)
```
#fffee5
```
#fffee5 rgb(255,254,229)
```
#fffff8
```
#fffff8 rgb(255,255,248)
```

Tint Color Variation

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

#5c5b4e
```
#5c5b4e rgb(92,91,78)
```
#626148
```
#626148 rgb(98,97,72)
```
#696741
```
#696741 rgb(105,103,65)
```
#6f6d3b
```
#6f6d3b rgb(111,109,59)
```
#767334
```
#767334 rgb(118,115,52)
```
#7c792e
```
#7c792e rgb(124,121,46)
```
#837f27
```
#837f27 rgb(131,127,39)
```
#898521
```
#898521 rgb(137,133,33)
```
#908b1a
```
#908b1a rgb(144,139,26)
```
#969114
```
#969114 rgb(150,145,20)
```
#9d970d
```
#9d970d rgb(157,151,13)
```
#a39d07
```
#a39d07 rgb(163,157,7)
```
#aaa300
```
#aaa300 rgb(170,163,0)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#989676 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8a400 Protanopia 1% of men
#cd9c1d Deuteranopia 1% of men
#b99ca7 Tritanopia 0.001% of the population

Trichromacy

#b3a300 Protanomaly 1% of men, 0.01% of women
#c09e12 Deuteranomaly 6% of men, 0.4% of women
#b39e6a Tritanomaly 0.01% of the population

#aaa300 hex color

#aaa300 Color Information

#aaa300 Color Conversion

Color Schemes with #aaa300

Alternatives to #aaa300

#aaa300 Preview

Shades and Tints of #aaa300

Tones of #aaa300

Color Blindness Simulator