En yakın adlandırılmış renk · #FFE5DD
#FFE5DD
En yakın adlandırılmış renk: Pink Parfait
#FFE5DD (rgb(255 229 221), hsl(14 100% 93%), oklch(0.941 0.031 37.8)) 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.
#FFE5DD
oklch(0.941 0.031 37.8)
Renk dönüşümleri
- HEX
- #ffe5dd
- RGB
- rgb(255 229 221)
- HSL
- hsl(14 100% 93%)
- HWB
- hwb(14 87% 0%)
- OKLCH
- oklch(0.941 0.031 37.8)
- OKLab
- oklab(0.941 0.024 0.019)
- CIE Lab
- lab(92.93 8.25 7.33)
- LCH
- lch(92.93 11.03 41.6)
- CMYK
- cmyk(0% 10% 13% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FFE8E0
- FFEAE4
- FFEDE7
- FFEFEB
- FFF2EE
- FFF5F1
- FFF7F5
- FFFAF8
- FFFCFC
Koyu tonlar
- DEC7C0
- BEAAA4
- 9E8E88
- 80726E
- 635855
- 483F3D
- 2E2826
- 161211
- 030302
Gri tonlar
- F2DAD3
- E4D0CA
- D7C6C0
- CABBB7
- BEB1AD
- B1A7A4
- A59D9B
- 989392
- 8C8A89
Renk uyumları
Tamamlayıcı +180°
- FFE5DD
Pink Parfait
- D6F1F9
≈ Water
Analog -30° +30°
- FFE5DD
Pink Parfait
- FFE4E7
≈ Vanilla Strawberry
- FAE8D6
≈ Pignoli
Üçlü +120° +240°
- FFE5DD
Pink Parfait
- DBF2E4
≈ Aloe Mist
- E6EAFF
≈ Glitter
Bölünmüş tamamlayıcı +150° +210°
- FFE5DD
Pink Parfait
- D6F3EF
≈ Sea Ice
- DCEEFF
≈ Calcareous Sinter
Dörtlü +90° +180° +270°
- FFE5DD
Pink Parfait
- E5F0DA
≈ Maison Verte
- D6F1F9
≈ Water
- F1E6FC
≈ Minute Mauve
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.19:1 · APCA Lc 10
Ag
AAASiyah üzerinde
WCAG 17.50:1 · APCA Lc 94
En iyi metin rengi: #000000
WCAG 17.50:1 (AAA) · APCA Lc 94
Contrast pairs
Kod parçacıkları
CSS
:root {
--pink-parfait: #ffe5dd;
--pink-parfait-rgb: 255 229 221;
--pink-parfait-oklch: oklch(0.941 0.031 37.8);
}
.element {
color: var(--pink-parfait);
background-color: hsl(14 100% 93%);
border-color: oklch(0.941 0.031 37.8);
}Tailwind CSS v4
@theme {
--color-pink-parfait: #ffe5dd;
--color-pink-parfait-50: #fef2ef;
--color-pink-parfait-100: #f2e5e0;
--color-pink-parfait-200: #e1d0cb;
--color-pink-parfait-300: #c6b3ac;
--color-pink-parfait-400: #af9992;
--color-pink-parfait-500: #998078;
--color-pink-parfait-600: #816c65;
--color-pink-parfait-700: #685651;
--color-pink-parfait-800: #4c3f3b;
--color-pink-parfait-900: #352b29;
--color-pink-parfait-950: #201916;
}SCSS
$pink-parfait: #ffe5dd;
$pink-parfait-rgb: 255, 229, 221;
$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);
}