Nearest named color · #E6DAD9
#E6DAD9
Nearest named color: Homoeopathic Rose
#E6DAD9 (rgb(230 218 217), hsl(5 21% 88%), oklch(0.898 0.013 23.2)) is closest to the named color Homoeopathic Rose. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#E6DAD9
oklch(0.898 0.013 23.2)
Color conversions
- HEX
- #e6dad9
- RGB
- rgb(230 218 217)
- HSL
- hsl(5 21% 88%)
- HWB
- hwb(5 85% 10%)
- OKLCH
- oklch(0.898 0.013 23.2)
- OKLab
- oklab(0.898 0.012 0.005)
- CIE Lab
- lab(88 4.13 2.04)
- LCH
- lch(88 4.6 26.4)
- CMYK
- cmyk(0% 5% 6% 10%)
Tints · Shades · Tones
Tints
- E8DEDD
- EBE1E1
- EDE5E4
- F0E9E8
- F2ECEC
- F5F0F0
- F7F4F3
- FAF8F7
- FCFBFB
Shades
- C8BDBC
- ABA2A1
- 8E8786
- 736C6C
- 595453
- 403C3B
- 282525
- 131111
- 030202
Tones
- DBD1D0
- D1C7C7
- C6BEBD
- BCB5B4
- B2ACAB
- A8A3A3
- 9D9A9A
- 949191
- 8A8988
Color harmonies
Complementary +180°
- E6DAD9
Homoeopathic Rose
- D4E0E1
≈ Pristine Petal
Analogous -30° +30°
- E6DAD9
Homoeopathic Rose
- E5DADE
≈ Faded Firebrick
- E5DBD5
≈ Hush White
Triadic +120° +240°
- E6DAD9
Homoeopathic Rose
- D8E0D8
≈ Juniper Breeze
- D9DDE6
≈ Wishful Blue
Split-complementary +150° +210°
- E6DAD9
Homoeopathic Rose
- D5E0DC
≈ Spring Mist
- D5DFE5
≈ Blustery Day
Tetradic +90° +180° +270°
- E6DAD9
Homoeopathic Rose
- DDDED4
≈ Gulf Breeze
- D4E0E1
≈ Pristine Petal
- DDDCE5
≈ Violet Breeze
Contrast & accessibility
Ag
FailOn white
WCAG 1.36:1 · APCA Lc 18
Ag
AAAOn black
WCAG 15.39:1 · APCA Lc 86
Best text color: #000000
WCAG 15.39:1 (AAA) · APCA Lc 86
Contrast pairs
Code snippets
CSS
:root {
--homoeopathic-rose: #e6dad9;
--homoeopathic-rose-rgb: 230 218 217;
--homoeopathic-rose-oklch: oklch(0.898 0.013 23.2);
}
.element {
color: var(--homoeopathic-rose);
background-color: hsl(5 21% 88%);
border-color: oklch(0.898 0.013 23.2);
}Tailwind CSS v4
@theme {
--color-homoeopathic-rose: #e6dad9;
--color-homoeopathic-rose-50: #f9f4f3;
--color-homoeopathic-rose-100: #ece6e5;
--color-homoeopathic-rose-200: #dad2d1;
--color-homoeopathic-rose-300: #beb5b4;
--color-homoeopathic-rose-400: #a69c9b;
--color-homoeopathic-rose-500: #8f8382;
--color-homoeopathic-rose-600: #796f6e;
--color-homoeopathic-rose-700: #615958;
--color-homoeopathic-rose-800: #474140;
--color-homoeopathic-rose-900: #312d2c;
--color-homoeopathic-rose-950: #1d1a19;
}SCSS
$homoeopathic-rose: #e6dad9;
$homoeopathic-rose-rgb: 230, 218, 217;
$homoeopathic-rose-light: mix(#fff, $homoeopathic-rose, 20%);
$homoeopathic-rose-dark: mix(#000, $homoeopathic-rose, 20%);
.element {
color: $homoeopathic-rose;
box-shadow: 0 0 0 2px rgba($homoeopathic-rose, 0.35);
}