En yakın adlandırılmış renk · #EADDDF
#EADDDF
En yakın adlandırılmış renk: Homoeopathic Rose
#EADDDF (rgb(234 221 223), hsl(351 24% 89%), oklch(0.908 0.014 6.7)) en çok Homoeopathic Rose adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#EADDDF
oklch(0.908 0.014 6.7)
Renk dönüşümleri
- HEX
- #eadddf
- RGB
- rgb(234 221 223)
- HSL
- hsl(351 24% 89%)
- HWB
- hwb(351 87% 8%)
- OKLCH
- oklch(0.908 0.014 6.7)
- OKLab
- oklab(0.908 0.014 0.002)
- CIE Lab
- lab(89.21 4.85 0.7)
- LCH
- lch(89.21 4.9 8.2)
- CMYK
- cmyk(0% 6% 5% 8%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- ECE0E2
- EEE4E5
- F0E7E9
- F2EBEC
- F5EEEF
- F7F1F2
- F9F5F5
- FBF8F9
- FDFCFC
Koyu tonlar
- CBC0C2
- AEA4A5
- 91888A
- 756E6F
- 5A5556
- 413D3D
- 292627
- 131112
- 030202
Gri tonlar
- DFD3D5
- D4CACB
- C9C0C2
- BEB7B8
- B4ADAE
- A9A4A5
- 9F9B9B
- 949292
- 8A8989
Renk uyumları
Tamamlayıcı +180°
- EADDDF
Homoeopathic Rose
- D7E4E2
≈ Cirrus Blue
Analog -30° +30°
- EADDDF
Homoeopathic Rose
- E7DDE4
≈ Iced Mauve
- EADEDA
≈ Wishy-Washy Beige
Üçlü +120° +240°
- EADDDF
Homoeopathic Rose
- DEE3D9
≈ Poplar White
- D9E2EA
≈ Star Map
Bölünmüş tamamlayıcı +150° +210°
- EADDDF
Homoeopathic Rose
- D9E4DD
≈ Breezy Aqua
- D7E3E7
≈ Bare Mintimum
Dörtlü +90° +180° +270°
- EADDDF
Homoeopathic Rose
- E3E1D6
≈ Reserved Beige
- D7E4E2
≈ Cirrus Blue
- DEE0EB
≈ Monet’s Lavender
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.32:1 · APCA Lc 16
Ag
AAASiyah üzerinde
WCAG 15.90:1 · APCA Lc 88
En iyi metin rengi: #000000
WCAG 15.90:1 (AAA) · APCA Lc 88
Contrast pairs
Kod parçacıkları
CSS
:root {
--homoeopathic-rose: #eadddf;
--homoeopathic-rose-rgb: 234 221 223;
--homoeopathic-rose-oklch: oklch(0.908 0.014 6.7);
}
.element {
color: var(--homoeopathic-rose);
background-color: hsl(351 24% 89%);
border-color: oklch(0.908 0.014 6.7);
}Tailwind CSS v4
@theme {
--color-homoeopathic-rose: #eadddf;
--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: #eadddf;
$homoeopathic-rose-rgb: 234, 221, 223;
$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);
}