#EC6400 Color (Hex and RGB)
#EC6400
#ec6400 has RGB values (236, 100, 0). The color reads primarily as red in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #EC6400 | RECG64B00 | |
| RGB | rgb(236 100 0) | R236G100B0 | |
| HSL | hsl(25 100% 46%) | H25°S100%L46% | |
| OKLCH | oklch(66% 0.19 46) | L0.66C0.19H46° | |
| HSV | hsv(25, 100%, 93%) | H25°S100%V93% | |
| CMYK | cmyk(0%, 58%, 100%, 7%) | C0%M58%Y100%K7% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 11101100 | 01100100 | 00000000 |
| Octal | 354 | 144 | 0 |
| Decimal | 236 | 100 | 0 |
| Hex | ec | 64 | 00 |
Shades & tints
Shades mix #EC6400 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #EC64000%
- #D85C009%
- #C4530017%
- #B04B0026%
- #9C420034%
- #883A0043%
- #74310051%
- #60290059%
- #4C200068%
- #37180077%
- #230F0085%
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
#EC6400 on #FFFFFF
3.29:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#EC6400 on #000000
6.39:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#FFFFFF on #EC6400
3.29:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#000000 on #EC6400
6.39:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #ec6400; - Background
background-color: #ec6400; - CSS variable
--color-ec6400: #ec6400; - Modern CSS
color: oklch(66% 0.19 46); - SCSS
$color-ec6400: #ec6400; - Tailwind
bg-[#ec6400] text-[#ec6400] - HTML
<div style="background-color: #ec6400"></div>