#ECC400 Color (Hex and RGB)
#ECC400
#ecc400 has RGB values (236, 196, 0). The color reads primarily as orange in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #ECC400 | RECGC4B00 | |
| RGB | rgb(236 196 0) | R236G196B0 | |
| HSL | hsl(50 100% 46%) | H50°S100%L46% | |
| OKLCH | oklch(83% 0.17 94) | L0.83C0.17H94° | |
| HSV | hsv(50, 100%, 93%) | H50°S100%V93% | |
| CMYK | cmyk(0%, 17%, 100%, 7%) | C0%M17%Y100%K7% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 11101100 | 11000100 | 00000000 |
| Octal | 354 | 304 | 0 |
| Decimal | 236 | 196 | 0 |
| Hex | ec | c4 | 00 |
Shades & tints
Shades mix #ECC400 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #ECC4000%
- #D8B3009%
- #C4A30017%
- #B0920026%
- #9C810034%
- #88710043%
- #74600051%
- #604F0059%
- #4C3F0068%
- #372E0077%
- #231D0085%
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
#ECC400 on #FFFFFF
1.69:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#ECC400 on #000000
12.46:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#FFFFFF on #ECC400
1.69:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#000000 on #ECC400
12.46:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #ecc400; - Background
background-color: #ecc400; - CSS variable
--color-ecc400: #ecc400; - Modern CSS
color: oklch(83% 0.17 94); - SCSS
$color-ecc400: #ecc400; - Tailwind
bg-[#ecc400] text-[#ecc400] - HTML
<div style="background-color: #ecc400"></div>