En yakın adlandırılmış renk · #FBEDF5
#FBEDF5
En yakın adlandırılmış renk: Powder Puff
#FBEDF5 (rgb(251 237 245), hsl(326 64% 96%), oklch(0.959 0.018 342)) en çok Powder Puff 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.
#FBEDF5
oklch(0.959 0.018 342)
Renk dönüşümleri
- HEX
- #fbedf5
- RGB
- rgb(251 237 245)
- HSL
- hsl(326 64% 96%)
- HWB
- hwb(326 93% 2%)
- OKLCH
- oklch(0.959 0.018 342)
- OKLab
- oklab(0.959 0.017 -0.006)
- CIE Lab
- lab(95.04 5.91 -2.09)
- LCH
- lch(95.04 6.27 340.5)
- CMYK
- cmyk(0% 6% 2% 2%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FBEFF6
- FCF1F7
- FCF2F8
- FDF4F9
- FDF6FA
- FDF8FB
- FEFAFC
- FEFBFD
- FFFDFE
Koyu tonlar
- DACED5
- BAB0B6
- 9C9398
- 7E777B
- 615C5F
- 464244
- 2D2A2B
- 151415
- 030303
Gri tonlar
- EEE2E9
- E1D6DD
- D5CBD0
- C8C0C5
- BCB5B9
- AFAAAD
- A39FA2
- 979596
- 8C8A8B
Renk uyumları
Tamamlayıcı +180°
- FBEDF5
Powder Puff
- E7F6EE
≈ Shiroi White
Analog -30° +30°
- FBEDF5
Powder Puff
- F6EEFB
≈ Cloud Break
- FEEDEE
≈ Translucent Unicorn
Üçlü +120° +240°
- FBEDF5
Powder Puff
- F4F2E4
≈ Resort White
- E5F5FB
≈ Kodama White
Bölünmüş tamamlayıcı +150° +210°
- FBEDF5
Powder Puff
- EDF4E8
≈ Verde Pastel
- E4F6F5
≈ Frosty Mint
Dörtlü +90° +180° +270°
- FBEDF5
Powder Puff
- FAF0E5
≈ Linen
- E7F6EE
≈ Shiroi White
- E9F3FE
≈ Moon White
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.13:1 · APCA Lc 0
Ag
AAASiyah üzerinde
WCAG 18.53:1 · APCA Lc 98
En iyi metin rengi: #000000
WCAG 18.53:1 (AAA) · APCA Lc 98
Contrast pairs
Kod parçacıkları
CSS
:root {
--powder-puff: #fbedf5;
--powder-puff-rgb: 251 237 245;
--powder-puff-oklch: oklch(0.959 0.018 342);
}
.element {
color: var(--powder-puff);
background-color: hsl(326 64% 96%);
border-color: oklch(0.959 0.018 342);
}Tailwind CSS v4
@theme {
--color-powder-puff: #fbedf5;
--color-powder-puff-50: #f9f3f6;
--color-powder-puff-100: #ede5e9;
--color-powder-puff-200: #dad1d6;
--color-powder-puff-300: #bfb4ba;
--color-powder-puff-400: #a79aa1;
--color-powder-puff-500: #8f828a;
--color-powder-puff-600: #796e74;
--color-powder-puff-700: #61585d;
--color-powder-puff-800: #474044;
--color-powder-puff-900: #312c2f;
--color-powder-puff-950: #1d191c;
}SCSS
$powder-puff: #fbedf5;
$powder-puff-rgb: 251, 237, 245;
$powder-puff-light: mix(#fff, $powder-puff, 20%);
$powder-puff-dark: mix(#000, $powder-puff, 20%);
.element {
color: $powder-puff;
box-shadow: 0 0 0 2px rgba($powder-puff, 0.35);
}