Nearest named color · #E9E9DC
#E9E9DC
Nearest named color: Salted
#E9E9DC (rgb(233 233 220), hsl(60 23% 89%), oklch(0.93 0.017 106.7)) is closest to the named color Salted. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#E9E9DC
oklch(0.93 0.017 106.7)
Color conversions
- HEX
- #e9e9dc
- RGB
- rgb(233 233 220)
- HSL
- hsl(60 23% 89%)
- HWB
- hwb(60 86% 9%)
- OKLCH
- oklch(0.93 0.017 106.7)
- OKLab
- oklab(0.93 -0.005 0.017)
- CIE Lab
- lab(92.08 -1.68 6.34)
- LCH
- lch(92.08 6.56 104.8)
- CMYK
- cmyk(0% 0% 6% 9%)
Tints · Shades · Tones
Tints
- EBEBDF
- EDEDE3
- F0F0E6
- F2F2EA
- F4F4ED
- F6F6F1
- F8F8F4
- FBFBF8
- FDFDFB
Shades
- CBCBBF
- ADADA3
- 909088
- 74746E
- 5A5A54
- 41413C
- 292926
- 131311
- 030302
Tones
- DEDED2
- D3D3C9
- C8C8BF
- BEBEB6
- B3B3AD
- A9A9A4
- 9E9E9B
- 949492
- 8A8A89
Color harmonies
Complementary +180°
- E9E9DC
Salted
- E7E7F3
≈ Lavender Syrup
Analogous -30° +30°
- E9E9DC
Salted
- EFE7DC
≈ Soft Pearl
- E3EBE0
≈ Window Pane
Triadic +120° +240°
- E9E9DC
Salted
- DDEBF1
≈ Prelude
- F1E4EA
≈ Rosie Posie
Split-complementary +150° +210°
- E9E9DC
Salted
- E1E9F4
≈ Harbour Afternoon
- EDE5F0
≈ Tranquil Eve
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.22:1 · APCA Lc 11
Ag
AAAOn black
WCAG 17.15:1 · APCA Lc 93
Best text color: #000000
WCAG 17.15:1 (AAA) · APCA Lc 93
Contrast pairs
Code snippets
CSS
:root {
--salted: #e9e9dc;
--salted-rgb: 233 233 220;
--salted-oklch: oklch(0.93 0.017 106.7);
}
.element {
color: var(--salted);
background-color: hsl(60 23% 89%);
border-color: oklch(0.93 0.017 106.7);
}Tailwind CSS v4
@theme {
--color-salted: #e9e9dc;
--color-salted-50: #f5f6f0;
--color-salted-100: #e8e8e2;
--color-salted-200: #d4d5cd;
--color-salted-300: #b8b8ae;
--color-salted-400: #9f9f94;
--color-salted-500: #87877a;
--color-salted-600: #727267;
--color-salted-700: #5b5b53;
--color-salted-800: #43433c;
--color-salted-900: #2e2e29;
--color-salted-950: #1b1b17;
}SCSS
$salted: #e9e9dc;
$salted-rgb: 233, 233, 220;
$salted-light: mix(#fff, $salted, 20%);
$salted-dark: mix(#000, $salted, 20%);
.element {
color: $salted;
box-shadow: 0 0 0 2px rgba($salted, 0.35);
}