#EDEDED Color (Hex and RGB)
#EDEDED
#ededed has RGB values (237, 237, 237). The color reads primarily as light gray in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #EDEDED | REDGEDBED | |
| RGB | rgb(237 237 237) | R237G237B237 | |
| HSL | hsl(0 0% 93%) | H0°S0%L93% | |
| OKLCH | oklch(95% 0 90) | L0.95C0H90° | |
| HSV | hsv(0, 0%, 93%) | H0°S0%V93% | |
| CMYK | cmyk(0%, 0%, 0%, 7%) | C0%M0%Y0%K7% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 11101101 | 11101101 | 11101101 |
| Octal | 355 | 355 | 355 |
| Decimal | 237 | 237 | 237 |
| Hex | ed | ed | ed |
Shades & tints
Shades mix #EDEDED with black; tints mix it with white. Click any swatch to explore it.
Shades
- #EDEDED0%
- #D9D9D99%
- #C5C5C517%
- #B1B1B126%
- #9C9C9C34%
- #88888843%
- #74747451%
- #60606059%
- #4C4C4C68%
- #38383877%
- #24242485%
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
#EDEDED on #FFFFFF
1.17:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#EDEDED on #000000
17.94:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#FFFFFF on #EDEDED
1.17:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#000000 on #EDEDED
17.94:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #ededed; - Background
background-color: #ededed; - CSS variable
--color-ededed: #ededed; - Modern CSS
color: oklch(95% 0 90); - SCSS
$color-ededed: #ededed; - Tailwind
bg-[#ededed] text-[#ededed] - HTML
<div style="background-color: #ededed"></div>