Nearest named color · #E7D6CA
#E7D6CA
Nearest named color: Nectar
#E7D6CA (rgb(231 214 202), hsl(25 38% 85%), oklch(0.887 0.025 57.6)) is closest to the named color Nectar. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#E7D6CA
oklch(0.887 0.025 57.6)
Color conversions
- HEX
- #e7d6ca
- RGB
- rgb(231 214 202)
- HSL
- hsl(25 38% 85%)
- HWB
- hwb(25 79% 9%)
- OKLCH
- oklch(0.887 0.025 57.6)
- OKLab
- oklab(0.887 0.013 0.021)
- CIE Lab
- lab(86.78 4.6 8.17)
- LCH
- lch(86.78 9.38 60.6)
- CMYK
- cmyk(0% 7% 13% 9%)
Tints · Shades · Tones
Tints
- E9DACF
- ECDED4
- EEE2DA
- F1E6DF
- F3EAE4
- F5EEEA
- F8F3EF
- FAF7F4
- FDFBFA
Shades
- C9BAAF
- AB9E95
- 8F847C
- 736A64
- 59524D
- 403B37
- 282522
- 13100F
- 030202
Tones
- DCCDC2
- D2C4BB
- C7BBB3
- BDB3AC
- B2AAA4
- A8A19D
- 9E9996
- 94918E
- 8A8887
Color harmonies
Complementary +180°
- E7D6CA
Nectar
- CBDDE8
≈ Caribbean Mist
Analogous -30° +30°
- E7D6CA
Nectar
- EAD4D1
≈ Shangri La
- E1D9C8
≈ Raw Silk
Triadic +120° +240°
- E7D6CA
Nectar
- C9DFD9
≈ Hushed Green
- DBD6E9
≈ Light Lavender Water
Split-complementary +150° +210°
- E7D6CA
Nectar
- C8DFE2
≈ Open Air
- D2DAEB
≈ Hawkes Blue
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.41:1 · APCA Lc 20
Ag
AAAOn black
WCAG 14.86:1 · APCA Lc 84
Best text color: #000000
WCAG 14.86:1 (AAA) · APCA Lc 84
Contrast pairs
Code snippets
CSS
:root {
--nectar: #e7d6ca;
--nectar-rgb: 231 214 202;
--nectar-oklch: oklch(0.887 0.025 57.6);
}
.element {
color: var(--nectar);
background-color: hsl(25 38% 85%);
border-color: oklch(0.887 0.025 57.6);
}Tailwind CSS v4
@theme {
--color-nectar: #e7d6ca;
--color-nectar-50: #fbf4ee;
--color-nectar-100: #eee6e0;
--color-nectar-200: #ddd2ca;
--color-nectar-300: #c1b5ab;
--color-nectar-400: #aa9b90;
--color-nectar-500: #938276;
--color-nectar-600: #7d6e64;
--color-nectar-700: #645850;
--color-nectar-800: #49403a;
--color-nectar-900: #332c28;
--color-nectar-950: #1f1916;
}SCSS
$nectar: #e7d6ca;
$nectar-rgb: 231, 214, 202;
$nectar-light: mix(#fff, $nectar, 20%);
$nectar-dark: mix(#000, $nectar, 20%);
.element {
color: $nectar;
box-shadow: 0 0 0 2px rgba($nectar, 0.35);
}