Warna bernama · #E8DBDD
Homoeopathic Rose
Homoeopathic Rose adalah #E8DBDD: rgb(232 219 221), hsl(351 22% 88%), oklch(0.902 0.015 6.7). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Gray mean? → · Homoeopathic Rose color name →
#E8DBDD
oklch(0.902 0.015 6.7)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- EADFE0
- EDE2E4
- EFE6E7
- F1E9EA
- F4EDEE
- F6F0F1
- F8F4F5
- FAF8F8
- FDFBFC
Shade
- CABEC0
- ACA2A4
- 908788
- 746D6E
- 595455
- 403C3D
- 292626
- 131111
- 030202
Tone
- DDD2D3
- D2C8CA
- C8BFC0
- BDB6B7
- B3ACAD
- A8A3A4
- 9E9A9B
- 949192
- 8A8989
Harmoni warna
Komplementer +180°
- E8DBDD
Homoeopathic Rose
- D5E2E0
≈ Pristine Petal
Analog -30° +30°
- E8DBDD
Homoeopathic Rose
- E5DBE2
≈ Violet Vapour
- E8DCD8
≈ Studio White
Triadik +120° +240°
- E8DBDD
Homoeopathic Rose
- DCE1D7
≈ Light Mist
- D7E0E8
≈ Harbour Light
Split-komplementer +150° +210°
- E8DBDD
Homoeopathic Rose
- D7E2DB
≈ Night Wind
- D5E1E5
≈ Tahoe Snow
Tetradik +90° +180° +270°
- E8DBDD
Homoeopathic Rose
- E1DFD4
≈ Bannister White
- D5E2E0
≈ Pristine Petal
- DCDEE9
≈ Pale Cloud
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.34:1 · APCA Lc 17
Ag
AAADi atas hitam
WCAG 15.60:1 · APCA Lc 87
Warna teks terbaik: #000000
WCAG 15.60:1 (AAA) · APCA Lc 87
Contrast pairs
Cuplikan kode
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);
}