En yakın adlandırılmış renk · #EEE8F5
#EEE8F5
En yakın adlandırılmış renk: Perfume Haze
#EEE8F5 (rgb(238 232 245), hsl(268 39% 94%), oklch(0.939 0.018 306.7)) en çok Perfume Haze 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.
#EEE8F5
oklch(0.939 0.018 306.7)
Renk dönüşümleri
- HEX
- #eee8f5
- RGB
- rgb(238 232 245)
- HSL
- hsl(268 39% 94%)
- HWB
- hwb(268 91% 4%)
- OKLCH
- oklch(0.939 0.018 306.7)
- OKLab
- oklab(0.939 0.011 -0.015)
- CIE Lab
- lab(92.75 3.83 -5.56)
- LCH
- lch(92.75 6.75 304.5)
- CMYK
- cmyk(3% 5% 0% 4%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F0EAF6
- F1EDF7
- F3EFF8
- F5F1F9
- F6F3FA
- F8F6FB
- FAF8FC
- FCFAFD
- FDFDFE
Koyu tonlar
- CFCAD5
- B1ACB6
- 939098
- 77747B
- 5C595F
- 424044
- 2A292B
- 141315
- 030303
Gri tonlar
- E2DDE9
- D7D2DD
- CCC8D0
- C1BDC5
- B5B3B9
- AAA8AD
- A09EA2
- 959496
- 8A8A8B
Renk uyumları
Tamamlayıcı +180°
- EEE8F5
Perfume Haze
- E8EDE0
≈ At Ease
Analog -30° +30°
- EEE8F5
Perfume Haze
- E7EAF8
≈ Icy Lilac
- F4E7F0
≈ Amour Frais
Üçlü +120° +240°
- EEE8F5
Perfume Haze
- F4E9DE
≈ Tangelo Cream
- DEEFED
≈ Free Spirit
Bölünmüş tamamlayıcı +150° +210°
- EEE8F5
Perfume Haze
- EEEBDE
≈ Moth Mist
- E2EFE6
≈ Mountain Crystal Silver
Dörtlü +90° +180° +270°
- EEE8F5
Perfume Haze
- F7E7E2
≈ Mandarin Sugar
- E8EDE0
≈ At Ease
- DEEEF3
≈ Diamond White
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.20:1 · APCA Lc 10
Ag
AAASiyah üzerinde
WCAG 17.49:1 · APCA Lc 94
En iyi metin rengi: #000000
WCAG 17.49:1 (AAA) · APCA Lc 94
Contrast pairs
Kod parçacıkları
CSS
:root {
--perfume-haze: #eee8f5;
--perfume-haze-rgb: 238 232 245;
--perfume-haze-oklch: oklch(0.939 0.018 306.7);
}
.element {
color: var(--perfume-haze);
background-color: hsl(268 39% 94%);
border-color: oklch(0.939 0.018 306.7);
}Tailwind CSS v4
@theme {
--color-perfume-haze: #eee8f5;
--color-perfume-haze-50: #f7f4f9;
--color-perfume-haze-100: #e9e6ed;
--color-perfume-haze-200: #d6d2da;
--color-perfume-haze-300: #bab5bf;
--color-perfume-haze-400: #a19ca7;
--color-perfume-haze-500: #898390;
--color-perfume-haze-600: #746f7a;
--color-perfume-haze-700: #5d5961;
--color-perfume-haze-800: #444148;
--color-perfume-haze-900: #2f2d32;
--color-perfume-haze-950: #1b1a1e;
}SCSS
$perfume-haze: #eee8f5;
$perfume-haze-rgb: 238, 232, 245;
$perfume-haze-light: mix(#fff, $perfume-haze, 20%);
$perfume-haze-dark: mix(#000, $perfume-haze, 20%);
.element {
color: $perfume-haze;
box-shadow: 0 0 0 2px rgba($perfume-haze, 0.35);
}