#ae9700 hex color

In a RGB color space, hex #ae9700 is composed of 68.2% red, 59.2% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 13.2% magenta, 100% yellow and 31.8% black. It has a hue angle of 52.1 degrees, a saturation of 100% and a lightness of 34.1%. #ae9700 color hex could be obtained by blending #ffff00 with #5d2f00. Closest websafe color is: #999900.

♥
- f
- t
- g
- R 68
- G 59
- B 0
RGB color chart
- C 0
- M 13
- Y 100
- K 32
CMYK color chart

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

The hexadecimal color #ae9700 has RGB values of R:174, G:151, B:0 and CMYK values of C:0, M:0.13, Y:1, K:0.32. Its decimal value is 11441920.

Hex triplet	ae9700	`#ae9700`
RGB Decimal	174, 151, 0	`rgb(174,151,0)`
RGB Percent	68.2, 59.2, 0	`rgb(68.2%,59.2%,0%)`
CMYK	0, 13, 100, 32
HSL	52.1°, 100, 34.1	`hsl(52.1,100%,34.1%)`
HSV (or HSB)	52.1°, 100, 68.2
Web Safe	999900	`#999900`

CIE-LAB	62.62, -4.129, 66.368
XYZ	28.523, 31.133, 4.507
xyY	0.445, 0.485, 31.133
CIE-LCH	62.62, 66.496, 93.56
CIE-LUV	62.62, 21.401, 66.84
Hunter-Lab	55.797, -6.398, 34.269
Binary	10101110, 10010111, 00000000

#ae9700
```
#ae9700 rgb(174,151,0)
```
#0017ae
```
#0017ae rgb(0,23,174)
```

Complementary Color

#ae4000
```
#ae4000 rgb(174,64,0)
```
#ae9700
```
#ae9700 rgb(174,151,0)
```
#6eae00
```
#6eae00 rgb(110,174,0)
```

Analogous Color

#4000ae
```
#4000ae rgb(64,0,174)
```
#ae9700
```
#ae9700 rgb(174,151,0)
```
#006eae
```
#006eae rgb(0,110,174)
```

Split Complementary Color

#9700ae
```
#9700ae rgb(151,0,174)
```
#ae9700
```
#ae9700 rgb(174,151,0)
```
#00ae97
```
#00ae97 rgb(0,174,151)
```

Triadic Color

#ae0017
```
#ae0017 rgb(174,0,23)
```
#ae9700
```
#ae9700 rgb(174,151,0)
```
#00ae97
```
#00ae97 rgb(0,174,151)
```
#0017ae
```
#0017ae rgb(0,23,174)
```

Tetradic Color

#625500
```
#625500 rgb(98,85,0)
```
#7b6b00
```
#7b6b00 rgb(123,107,0)
```
#958100
```
#958100 rgb(149,129,0)
```
#ae9700
```
#ae9700 rgb(174,151,0)
```
#c8ad00
```
#c8ad00 rgb(200,173,0)
```
#e1c300
```
#e1c300 rgb(225,195,0)
```
#fbd900
```
#fbd900 rgb(251,217,0)
```

Monochromatic Color

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

#ae6c00
```
#ae6c00 rgb(174,108,0)
```
#ae7a00
```
#ae7a00 rgb(174,122,0)
```
#ae8900
```
#ae8900 rgb(174,137,0)
```
#ae9700
```
#ae9700 rgb(174,151,0)
```
#aea600
```
#aea600 rgb(174,166,0)
```
#a8ae00
```
#a8ae00 rgb(168,174,0)
```
#9aae00
```
#9aae00 rgb(154,174,0)
```

Similar Colors

Text with hexadecimal color #ae9700

This text has a font color of #ae9700.

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

#ae9700 background color

This paragraph has a background color of #ae9700.

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

#ae9700 border color

This element has a border color of #ae9700.

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

CSS codes

.text {color:#ae9700;}

.background {background-color:#ae9700;}

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

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, #110f00 is the darkest color, while #fffffc is the lightest one.

#110f00
```
#110f00 rgb(17,15,0)
```
#252000
```
#252000 rgb(37,32,0)
```
#383100
```
#383100 rgb(56,49,0)
```
#4c4200
```
#4c4200 rgb(76,66,0)
```
#605300
```
#605300 rgb(96,83,0)
```
#736400
```
#736400 rgb(115,100,0)
```
#877500
```
#877500 rgb(135,117,0)
```
#9a8600
```
#9a8600 rgb(154,134,0)
```
#ae9700
```
#ae9700 rgb(174,151,0)
```
#c2a800
```
#c2a800 rgb(194,168,0)
```
#d5b900
```
#d5b900 rgb(213,185,0)
```
#e9ca00
```
#e9ca00 rgb(233,202,0)
```
#fcdb00
```
#fcdb00 rgb(252,219,0)
```

Shade Color Variation

#ffe011
```
#ffe011 rgb(255,224,17)
```
#ffe225
```
#ffe225 rgb(255,226,37)
```
#ffe538
```
#ffe538 rgb(255,229,56)
```
#ffe74c
```
#ffe74c rgb(255,231,76)
```
#ffea60
```
#ffea60 rgb(255,234,96)
```
#ffed73
```
#ffed73 rgb(255,237,115)
```
#ffef87
```
#ffef87 rgb(255,239,135)
```
#fff29a
```
#fff29a rgb(255,242,154)
```
#fff4ae
```
#fff4ae rgb(255,244,174)
```
#fff7c2
```
#fff7c2 rgb(255,247,194)
```
#fff9d5
```
#fff9d5 rgb(255,249,213)
```
#fffce9
```
#fffce9 rgb(255,252,233)
```
#fffffc
```
#fffffc rgb(255,255,252)
```

Tint Color Variation

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

#5e5c50
```
#5e5c50 rgb(94,92,80)
```
#64614a
```
#64614a rgb(100,97,74)
```
#6b6643
```
#6b6643 rgb(107,102,67)
```
#726b3c
```
#726b3c rgb(114,107,60)
```
#787036
```
#787036 rgb(120,112,54)
```
#7f752f
```
#7f752f rgb(127,117,47)
```
#867928
```
#867928 rgb(134,121,40)
```
#8d7e21
```
#8d7e21 rgb(141,126,33)
```
#93831b
```
#93831b rgb(147,131,27)
```
#9a8814
```
#9a8814 rgb(154,136,20)
```
#a18d0d
```
#a18d0d rgb(161,141,13)
```
#a79207
```
#a79207 rgb(167,146,7)
```
#ae9700
```
#ae9700 rgb(174,151,0)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#948f71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b09d04 Protanopia 1% of men
#c49516 Deuteranopia 1% of men
#bb919c Tritanopia 0.001% of the population

Trichromacy

#af9a03 Protanomaly 1% of men, 0.01% of women
#bc950e Deuteranomaly 6% of men, 0.4% of women
#b69363 Tritanomaly 0.01% of the population

#ae9700 hex color

#ae9700 Color Information

#ae9700 Color Conversion

Color Schemes with #ae9700

Alternatives to #ae9700

#ae9700 Preview

Shades and Tints of #ae9700

Tones of #ae9700

Color Blindness Simulator