En yakın adlandırılmış renk · #EEE7F7
#EEE7F7
En yakın adlandırılmış renk: Perfume Haze
#EEE7F7 (rgb(238 231 247), hsl(266 50% 94%), oklch(0.938 0.023 305.6)) 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.
#EEE7F7
oklch(0.938 0.023 305.6)
Renk dönüşümleri
- HEX
- #eee7f7
- RGB
- rgb(238 231 247)
- HSL
- hsl(266 50% 94%)
- HWB
- hwb(266 91% 3%)
- OKLCH
- oklch(0.938 0.023 305.6)
- OKLab
- oklab(0.938 0.013 -0.018)
- CIE Lab
- lab(92.55 4.59 -6.9)
- LCH
- lch(92.55 8.28 303.6)
- CMYK
- cmyk(4% 6% 0% 3%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F0E9F8
- F1ECF9
- F3EEF9
- F5F1FA
- F6F3FB
- F8F5FC
- FAF8FD
- FCFAFD
- FDFDFE
Koyu tonlar
- CFC9D7
- B1ABB7
- 938F99
- 77737C
- 5C5960
- 424045
- 2A282C
- 141315
- 030303
Gri tonlar
- E2DCEA
- D7D2DE
- CCC7D2
- C1BCC6
- B5B2BA
- AAA8AE
- A09EA2
- 959497
- 8A8A8B
Renk uyumları
Tamamlayıcı +180°
- EEE7F7
Perfume Haze
- E7EEDD
≈ Chrome Green
Analog -30° +30°
- EEE7F7
Perfume Haze
- E6EAFA
≈ Icy Lilac
- F5E5F0
≈ Petal Poise
Üçlü +120° +240°
- EEE7F7
Perfume Haze
- F6E8DB
≈ Silk Elegance
- DBF0ED
≈ Soar
Bölünmüş tamamlayıcı +150° +210°
- EEE7F7
Perfume Haze
- EFEBDA
≈ Frank Lloyd White
- DFEFE4
≈ Lower Green
Dörtlü +90° +180° +270°
- EEE7F7
Perfume Haze
- F9E6E0
≈ Bridesmaid
- E7EEDD
≈ Chrome Green
- DBEFF4
≈ Let It Snow
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.20:1 · APCA Lc 10
Ag
AAASiyah üzerinde
WCAG 17.40:1 · APCA Lc 94
En iyi metin rengi: #000000
WCAG 17.40:1 (AAA) · APCA Lc 94
Contrast pairs
Kod parçacıkları
CSS
:root {
--perfume-haze: #eee7f7;
--perfume-haze-rgb: 238 231 247;
--perfume-haze-oklch: oklch(0.938 0.023 305.6);
}
.element {
color: var(--perfume-haze);
background-color: hsl(266 50% 94%);
border-color: oklch(0.938 0.023 305.6);
}Tailwind CSS v4
@theme {
--color-perfume-haze: #eee7f7;
--color-perfume-haze-50: #f7f3fa;
--color-perfume-haze-100: #eae6ee;
--color-perfume-haze-200: #d7d2dc;
--color-perfume-haze-300: #bab5c1;
--color-perfume-haze-400: #a19ba9;
--color-perfume-haze-500: #8a8392;
--color-perfume-haze-600: #746f7c;
--color-perfume-haze-700: #5d5863;
--color-perfume-haze-800: #444149;
--color-perfume-haze-900: #2f2c33;
--color-perfume-haze-950: #1b1a1e;
}SCSS
$perfume-haze: #eee7f7;
$perfume-haze-rgb: 238, 231, 247;
$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);
}