#AEA400 Color (Hex and RGB)
#AEA400
#aea400 has RGB values (174, 164, 0). The color reads primarily as orange in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #AEA400 | RAEGA4B00 | |
| RGB | rgb(174 164 0) | R174G164B0 | |
| HSL | hsl(57 100% 34%) | H57°S100%L34% | |
| OKLCH | oklch(70% 0.15 105) | L0.7C0.15H105° | |
| HSV | hsv(57, 100%, 68%) | H57°S100%V68% | |
| CMYK | cmyk(0%, 6%, 100%, 32%) | C0%M6%Y100%K32% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 10101110 | 10100100 | 00000000 |
| Octal | 256 | 244 | 0 |
| Decimal | 174 | 164 | 0 |
| Hex | ae | a4 | 00 |
Shades & tints
Shades mix #AEA400 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #AEA4000%
- #9F96009%
- #90880017%
- #827A0026%
- #736C0034%
- #645E0043%
- #55500051%
- #46420059%
- #38340068%
- #29270077%
- #1A190085%
Tints
Color harmonies
Similar brand colors
The closest colors from our brand palettes, measured in OKLab.
Contrast & accessibility
WCAG 2.1 contrast against white and black. Test other pairs in the contrast checker.
Aa
#AEA400 on #FFFFFF
2.59:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#AEA400 on #000000
8.11:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#FFFFFF on #AEA400
2.59:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#000000 on #AEA400
8.11:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #aea400; - Background
background-color: #aea400; - CSS variable
--color-aea400: #aea400; - Modern CSS
color: oklch(70% 0.15 105); - SCSS
$color-aea400: #aea400; - Tailwind
bg-[#aea400] text-[#aea400] - HTML
<div style="background-color: #aea400"></div>