En yakın adlandırılmış renk · #FBE1DB
#FBE1DB
En yakın adlandırılmış renk: Pink Parfait
#FBE1DB (rgb(251 225 219), hsl(11 80% 92%), oklch(0.929 0.03 33.1)) 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.
#FBE1DB
oklch(0.929 0.03 33.1)
Renk dönüşümleri
- HEX
- #fbe1db
- RGB
- rgb(251 225 219)
- HSL
- hsl(11 80% 92%)
- HWB
- hwb(11 86% 2%)
- OKLCH
- oklch(0.929 0.03 33.1)
- OKLab
- oklab(0.929 0.025 0.016)
- CIE Lab
- lab(91.57 8.51 6.37)
- LCH
- lch(91.57 10.63 36.8)
- CMYK
- cmyk(0% 10% 13% 2%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FBE4DF
- FCE7E2
- FCEAE6
- FDEDE9
- FDF0ED
- FEF3F1
- FEF6F4
- FEF9F8
- FFFCFB
Koyu tonlar
- DAC4BE
- BAA7A2
- 9C8B87
- 7E706D
- 615654
- 463E3C
- 2D2726
- 151211
- 030202
Gri tonlar
- EED7D2
- E1CDC8
- D5C3BF
- C8B9B6
- BCAFAC
- B0A6A3
- A39C9A
- 979391
- 8C8989
Renk uyumları
Tamamlayıcı +180°
- FBE1DB
Pink Parfait
- D2EDF4
≈ Sparkling River
Analog -30° +30°
- FBE1DB
Pink Parfait
- FAE0E5
≈ Cake Frosting
- F7E4D4
≈ Breakfast Biscuit
Üçlü +120° +240°
- FBE1DB
Pink Parfait
- D9EEDE
≈ Pondscape
- E1E7FC
≈ Lavender Mist
Bölünmüş tamamlayıcı +150° +210°
- FBE1DB
Pink Parfait
- D3EFE9
≈ Teal Ice
- D7EBFB
≈ Cloudless
Dörtlü +90° +180° +270°
- FBE1DB
Pink Parfait
- E4EBD6
≈ Enlightened Lime
- D2EDF4
≈ Sparkling River
- EBE3F9
≈ Lavender Mist
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.24:1 · APCA Lc 12
Ag
AAASiyah üzerinde
WCAG 16.89:1 · APCA Lc 92
En iyi metin rengi: #000000
WCAG 16.89:1 (AAA) · APCA Lc 92
Contrast pairs
Kod parçacıkları
CSS
:root {
--pink-parfait: #fbe1db;
--pink-parfait-rgb: 251 225 219;
--pink-parfait-oklch: oklch(0.929 0.03 33.1);
}
.element {
color: var(--pink-parfait);
background-color: hsl(11 80% 92%);
border-color: oklch(0.929 0.03 33.1);
}Tailwind CSS v4
@theme {
--color-pink-parfait: #fbe1db;
--color-pink-parfait-50: #fdf2ef;
--color-pink-parfait-100: #f2e5e1;
--color-pink-parfait-200: #e1d0cc;
--color-pink-parfait-300: #c6b2ad;
--color-pink-parfait-400: #af9893;
--color-pink-parfait-500: #997f7a;
--color-pink-parfait-600: #816c67;
--color-pink-parfait-700: #685652;
--color-pink-parfait-800: #4c3f3c;
--color-pink-parfait-900: #352b29;
--color-pink-parfait-950: #201817;
}SCSS
$pink-parfait: #fbe1db;
$pink-parfait-rgb: 251, 225, 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);
}