En yakın adlandırılmış renk · #FCE3DF
#FCE3DF
En yakın adlandırılmış renk: Pink Glitter
#FCE3DF (rgb(252 227 223), hsl(8 83% 93%), oklch(0.935 0.028 28.5)) en çok Pink Glitter 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.
#FCE3DF
oklch(0.935 0.028 28.5)
Renk dönüşümleri
- HEX
- #fce3df
- RGB
- rgb(252 227 223)
- HSL
- hsl(8 83% 93%)
- HWB
- hwb(8 87% 1%)
- OKLCH
- oklch(0.935 0.028 28.5)
- OKLab
- oklab(0.935 0.025 0.013)
- CIE Lab
- lab(92.22 8.37 5.24)
- LCH
- lch(92.22 9.88 32.1)
- CMYK
- cmyk(0% 10% 12% 1%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FCE6E2
- FDE9E5
- FDEBE9
- FDEEEC
- FEF1EF
- FEF4F2
- FEF7F5
- FFF9F9
- FFFCFC
Koyu tonlar
- DBC5C2
- BBA8A5
- 9C8C8A
- 7E716F
- 625756
- 473F3D
- 2D2727
- 161212
- 030302
Gri tonlar
- EFD9D5
- E2CECB
- D5C4C2
- C9BAB8
- BCB0AE
- B0A6A5
- A49D9B
- 989392
- 8C8989
Renk uyumları
Tamamlayıcı +180°
- FCE3DF
Pink Glitter
- D5EFF4
≈ Frostproof
Analog -30° +30°
- FCE3DF
Pink Glitter
- FBE2E9
≈ Watermelon Mousse
- F9E5D8
≈ Illuminated
Üçlü +120° +240°
- FCE3DF
Pink Glitter
- DDEFDF
≈ Vanishing Point
- E1E9FD
≈ Glitter
Bölünmüş tamamlayıcı +150° +210°
- FCE3DF
Pink Glitter
- D7F0EA
≈ Green Frosting
- D9EDFB
≈ Hoarfrost
Dörtlü +90° +180° +270°
- FCE3DF
Pink Glitter
- E7EDD8
≈ Lime Meringue
- D5EFF4
≈ Frostproof
- ECE6FA
≈ Holographic Lavender
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.22:1 · APCA Lc 11
Ag
AAASiyah üzerinde
WCAG 17.19:1 · APCA Lc 93
En iyi metin rengi: #000000
WCAG 17.19:1 (AAA) · APCA Lc 93
Contrast pairs
Kod parçacıkları
CSS
:root {
--pink-glitter: #fce3df;
--pink-glitter-rgb: 252 227 223;
--pink-glitter-oklch: oklch(0.935 0.028 28.5);
}
.element {
color: var(--pink-glitter);
background-color: hsl(8 83% 93%);
border-color: oklch(0.935 0.028 28.5);
}Tailwind CSS v4
@theme {
--color-pink-glitter: #fce3df;
--color-pink-glitter-50: #fdf2f0;
--color-pink-glitter-100: #f1e5e2;
--color-pink-glitter-200: #e0d0cd;
--color-pink-glitter-300: #c5b2af;
--color-pink-glitter-400: #af9995;
--color-pink-glitter-500: #98807c;
--color-pink-glitter-600: #816c69;
--color-pink-glitter-700: #675654;
--color-pink-glitter-800: #4c3f3d;
--color-pink-glitter-900: #352b2a;
--color-pink-glitter-950: #201918;
}SCSS
$pink-glitter: #fce3df;
$pink-glitter-rgb: 252, 227, 223;
$pink-glitter-light: mix(#fff, $pink-glitter, 20%);
$pink-glitter-dark: mix(#000, $pink-glitter, 20%);
.element {
color: $pink-glitter;
box-shadow: 0 0 0 2px rgba($pink-glitter, 0.35);
}