En yakın adlandırılmış renk · #FFE4DB
#FFE4DB
En yakın adlandırılmış renk: Pink Parfait
#FFE4DB (rgb(255 228 219), hsl(15 100% 93%), oklch(0.938 0.032 39.3)) en çok Pink Parfait 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.
#FFE4DB
oklch(0.938 0.032 39.3)
Renk dönüşümleri
- HEX
- #ffe4db
- RGB
- rgb(255 228 219)
- HSL
- hsl(15 100% 93%)
- HWB
- hwb(15 86% 0%)
- OKLCH
- oklch(0.938 0.032 39.3)
- OKLab
- oklab(0.938 0.025 0.02)
- CIE Lab
- lab(92.65 8.5 7.96)
- LCH
- lch(92.65 11.65 43.1)
- CMYK
- cmyk(0% 11% 14% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FFE7DF
- FFE9E2
- FFECE6
- FFEFE9
- FFF2ED
- FFF4F1
- FFF7F4
- FFFAF8
- FFFCFB
Koyu tonlar
- DEC6BE
- BEA9A2
- 9E8D87
- 80726D
- 635854
- 483F3C
- 2E2826
- 161211
- 030302
Gri tonlar
- F2DAD2
- E4CFC8
- D7C5BF
- CABBB6
- BEB1AC
- B1A7A3
- A59D9A
- 989392
- 8C8A89
Renk uyumları
Tamamlayıcı +180°
- FFE4DB
Pink Parfait
- D4F0FA
≈ Water
Analog -30° +30°
- FFE4DB
Pink Parfait
- FFE2E6
≈ Pink Pleasure
- F9E7D4
≈ Melon Tint
Üçlü +120° +240°
- FFE4DB
Pink Parfait
- D9F2E3
≈ Teal Treat
- E6E9FF
≈ Glitter
Bölünmüş tamamlayıcı +150° +210°
- FFE4DB
Pink Parfait
- D3F2EF
≈ Icy Wind
- DCEDFF
≈ Calcareous Sinter
Dörtlü +90° +180° +270°
- FFE4DB
Pink Parfait
- E4EFD9
≈ Translucent Vision
- D4F0FA
≈ Water
- F1E5FB
≈ Minute Mauve
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.20:1 · APCA Lc 10
Ag
AAASiyah üzerinde
WCAG 17.37:1 · APCA Lc 94
En iyi metin rengi: #000000
WCAG 17.37:1 (AAA) · APCA Lc 94
Contrast pairs
Kod parçacıkları
CSS
:root {
--pink-parfait: #ffe4db;
--pink-parfait-rgb: 255 228 219;
--pink-parfait-oklch: oklch(0.938 0.032 39.3);
}
.element {
color: var(--pink-parfait);
background-color: hsl(15 100% 93%);
border-color: oklch(0.938 0.032 39.3);
}Tailwind CSS v4
@theme {
--color-pink-parfait: #ffe4db;
--color-pink-parfait-50: #fef2ee;
--color-pink-parfait-100: #f2e5e0;
--color-pink-parfait-200: #e1d0ca;
--color-pink-parfait-300: #c7b2ab;
--color-pink-parfait-400: #b09891;
--color-pink-parfait-500: #9a7f77;
--color-pink-parfait-600: #826c64;
--color-pink-parfait-700: #685650;
--color-pink-parfait-800: #4d3f3a;
--color-pink-parfait-900: #352b28;
--color-pink-parfait-950: #201816;
}SCSS
$pink-parfait: #ffe4db;
$pink-parfait-rgb: 255, 228, 219;
$pink-parfait-light: mix(#fff, $pink-parfait, 20%);
$pink-parfait-dark: mix(#000, $pink-parfait, 20%);
.element {
color: $pink-parfait;
box-shadow: 0 0 0 2px rgba($pink-parfait, 0.35);
}