En yakın adlandırılmış renk · #F4E8F1
#F4E8F1
En yakın adlandırılmış renk: Perfume Haze
#F4E8F1 (rgb(244 232 241), hsl(315 35% 93%), oklch(0.943 0.018 334.2)) 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.
#F4E8F1
oklch(0.943 0.018 334.2)
Renk dönüşümleri
- HEX
- #f4e8f1
- RGB
- rgb(244 232 241)
- HSL
- hsl(315 35% 93%)
- HWB
- hwb(315 91% 4%)
- OKLCH
- oklch(0.943 0.018 334.2)
- OKLab
- oklab(0.943 0.016 -0.008)
- CIE Lab
- lab(93.15 5.36 -2.85)
- LCH
- lch(93.15 6.07 332)
- CMYK
- cmyk(0% 5% 1% 4%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F5EAF2
- F6EDF4
- F7EFF5
- F8F1F7
- FAF3F8
- FBF6F9
- FCF8FB
- FDFAFC
- FEFDFE
Koyu tonlar
- D4CAD2
- B5ACB3
- 979095
- 7A7479
- 5E595D
- 444043
- 2B292B
- 141314
- 030303
Gri tonlar
- E8DDE5
- DCD2D9
- D0C8CE
- C4BDC2
- B8B3B7
- ADA8AC
- A19EA0
- 969496
- 8B8A8B
Renk uyumları
Tamamlayıcı +180°
- F4E8F1
Perfume Haze
- E4F0E7
≈ Snow Crystal Green
Analog -30° +30°
- F4E8F1
Perfume Haze
- EFE9F6
≈ Bright Dusk
- F7E8EB
≈ Princess Elle
Üçlü +120° +240°
- F4E8F1
Perfume Haze
- F0ECDF
≈ Rice Cake
- E0EFF3
≈ Diamond White
Bölünmüş tamamlayıcı +150° +210°
- F4E8F1
Perfume Haze
- E9EEE2
≈ At Ease
- E0F0ED
≈ Himalayan Mist
Dörtlü +90° +180° +270°
- F4E8F1
Perfume Haze
- F5EAE0
≈ Tea Biscuit
- E4F0E7
≈ Snow Crystal Green
- E3EEF7
≈ Diamond White
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.18:1 · APCA Lc 9
Ag
AAASiyah üzerinde
WCAG 17.65:1 · APCA Lc 95
En iyi metin rengi: #000000
WCAG 17.65:1 (AAA) · APCA Lc 95
Contrast pairs
Kod parçacıkları
CSS
:root {
--perfume-haze: #f4e8f1;
--perfume-haze-rgb: 244 232 241;
--perfume-haze-oklch: oklch(0.943 0.018 334.2);
}
.element {
color: var(--perfume-haze);
background-color: hsl(315 35% 93%);
border-color: oklch(0.943 0.018 334.2);
}Tailwind CSS v4
@theme {
--color-perfume-haze: #f4e8f1;
--color-perfume-haze-50: #f9f3f7;
--color-perfume-haze-100: #ece6ea;
--color-perfume-haze-200: #d9d1d7;
--color-perfume-haze-300: #beb4bb;
--color-perfume-haze-400: #a59ba3;
--color-perfume-haze-500: #8e828b;
--color-perfume-haze-600: #786e76;
--color-perfume-haze-700: #60585e;
--color-perfume-haze-800: #464045;
--color-perfume-haze-900: #312c30;
--color-perfume-haze-950: #1d191c;
}SCSS
$perfume-haze: #f4e8f1;
$perfume-haze-rgb: 244, 232, 241;
$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);
}