ColourPicker.app

Exact color reference

#EDEDED Color

A very light neutral gray. Copy its exact values and explore how it behaves as a subtle background, surface, separator or neutral design token.

#EDEDEDsRGB

#EDEDED color values

HEX

#EDEDED

RGB

rgb(237, 237, 237)

HSL

hsl(0, 0%, 93%)

OKLCH

oklch(94.611% 0.000 89.9)

Tints

Mixed toward white

#F1F1F1
20% white
#F4F4F4
40% white
#F8F8F8
60% white
#FBFBFB
80% white

Shades

Mixed toward black

#BEBEBE
20% black
#8E8E8E
40% black
#5F5F5F
60% black
#2F2F2F
80% black

Text contrast on #EDEDED

Black is the stronger of the two standard text choices for this background.

Black text on #EDEDED

17.94:1

WCAG AA: Pass · WCAG AAA: Pass

White text on #EDEDED

1.17:1

WCAG AA: Fail · WCAG AAA: Fail

Use #EDEDED in CSS

#EDEDED can provide gentle separation from darker content, but its contrast against white is extremely low. Use black or another verified dark foreground for text, and check borders or interface components separately when they need to meet non-text contrast requirements.

Open Color ConverterCheck another pairingBuild a palette
CSS
:root {
  --color-ededed: #EDEDED;
}

.color-ededed {
  color: #EDEDED;
}

.bg-ededed {
  background-color: #EDEDED;
  color: #000000;
}
Large #EDEDED color swatch with its HEX, RGB and HSL values
Download this exact-color reference image.Download PNG

Frequently Asked Questions

What color is #EDEDED?
#EDEDED is a very light neutral gray made from equal red, green and blue values of 237. The swatch on this page is rendered from that exact sRGB value.
What are the RGB and HSL values for #EDEDED?
#EDEDED converts to rgb(237, 237, 237) and approximately hsl(0, 0%, 93%). The page also provides a copyable OKLCH value.
Should I use black or white text on #EDEDED?
Black provides very strong contrast on #EDEDED and passes WCAG AA and AAA for normal text. White has very little contrast and should not be used for readable text on this background.
How do I use #EDEDED in CSS?
Use declarations such as background-color: #EDEDED or save it as a custom property such as --color-surface-light: #EDEDED.