Named color · #E8DBDD
Homoeopathic Rose
Homoeopathic Rose is #E8DBDD: rgb(232 219 221), hsl(351 22% 88%), oklch(0.902 0.015 6.7). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Homoeopathic Rose color name →
#E8DBDD
oklch(0.902 0.015 6.7)
Color conversions
- HEX
- #e8dbdd
- RGB
- rgb(232 219 221)
- HSL
- hsl(351 22% 88%)
- HWB
- hwb(351 86% 9%)
- OKLCH
- oklch(0.902 0.015 6.7)
- OKLab
- oklab(0.902 0.014 0.002)
- CIE Lab
- lab(88.5 4.86 0.7)
- LCH
- lch(88.5 4.91 8.2)
- CMYK
- cmyk(0% 6% 5% 9%)
Tints · Shades · Tones
Tints
- EADFE0
- EDE2E4
- EFE6E7
- F1E9EA
- F4EDEE
- F6F0F1
- F8F4F5
- FAF8F8
- FDFBFC
Shades
- CABEC0
- ACA2A4
- 908788
- 746D6E
- 595455
- 403C3D
- 292626
- 131111
- 030202
Tones
- DDD2D3
- D2C8CA
- C8BFC0
- BDB6B7
- B3ACAD
- A8A3A4
- 9E9A9B
- 949192
- 8A8989
Color harmonies
Complementary +180°
- E8DBDD
Homoeopathic Rose
- D5E2E0
≈ Pristine Petal
Analogous -30° +30°
- E8DBDD
Homoeopathic Rose
- E5DBE2
≈ Violet Vapour
- E8DCD8
≈ Studio White
Triadic +120° +240°
- E8DBDD
Homoeopathic Rose
- DCE1D7
≈ Light Mist
- D7E0E8
≈ Harbour Light
Split-complementary +150° +210°
- E8DBDD
Homoeopathic Rose
- D7E2DB
≈ Night Wind
- D5E1E5
≈ Tahoe Snow
Tetradic +90° +180° +270°
- E8DBDD
Homoeopathic Rose
- E1DFD4
≈ Bannister White
- D5E2E0
≈ Pristine Petal
- DCDEE9
≈ Pale Cloud
Contrast & accessibility
Ag
FailOn white
WCAG 1.34:1 · APCA Lc 17
Ag
AAAOn black
WCAG 15.60:1 · APCA Lc 87
Best text color: #000000
WCAG 15.60:1 (AAA) · APCA Lc 87
Contrast pairs
Code snippets
CSS
:root {
--homoeopathic-rose: #e8dbdd;
--homoeopathic-rose-rgb: 232 219 221;
--homoeopathic-rose-oklch: oklch(0.902 0.015 6.7);
}
.element {
color: var(--homoeopathic-rose);
background-color: hsl(351 22% 88%);
border-color: oklch(0.902 0.015 6.7);
}Tailwind CSS v4
@theme {
--color-homoeopathic-rose: #e8dbdd;
--color-homoeopathic-rose-50: #f9f3f4;
--color-homoeopathic-rose-100: #ede6e7;
--color-homoeopathic-rose-200: #dad2d3;
--color-homoeopathic-rose-300: #bfb4b6;
--color-homoeopathic-rose-400: #a79b9d;
--color-homoeopathic-rose-500: #8f8284;
--color-homoeopathic-rose-600: #796e70;
--color-homoeopathic-rose-700: #61585a;
--color-homoeopathic-rose-800: #474042;
--color-homoeopathic-rose-900: #312c2d;
--color-homoeopathic-rose-950: #1d191a;
}SCSS
$homoeopathic-rose: #e8dbdd;
$homoeopathic-rose-rgb: 232, 219, 221;
$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);
}