En yakın adlandırılmış renk · #FCEEE1
#FCEEE1
En yakın adlandırılmış renk: Sugar Glaze
#FCEEE1 (rgb(252 238 225), hsl(29 82% 94%), oklch(0.957 0.023 65.5)) en çok Sugar Glaze 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.
#FCEEE1
oklch(0.957 0.023 65.5)
Renk dönüşümleri
- HEX
- #fceee1
- RGB
- rgb(252 238 225)
- HSL
- hsl(29 82% 94%)
- HWB
- hwb(29 88% 1%)
- OKLCH
- oklch(0.957 0.023 65.5)
- OKLab
- oklab(0.957 0.01 0.021)
- CIE Lab
- lab(94.96 3.3 8.1)
- LCH
- lch(94.96 8.74 67.8)
- CMYK
- cmyk(0% 6% 11% 1%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FCF0E4
- FDF1E7
- FDF3EA
- FDF5ED
- FEF7F0
- FEF8F3
- FEFAF6
- FEFCF9
- FFFDFC
Koyu tonlar
- DBCFC4
- BBB1A7
- 9C938B
- 7E7770
- 625C56
- 47423E
- 2D2A27
- 161412
- 030302
Gri tonlar
- EFE2D7
- E2D7CD
- D5CCC3
- C9C1B9
- BCB5AF
- B0ABA6
- A4A09C
- 989593
- 8C8A89
Renk uyumları
Tamamlayıcı +180°
- FCEEE1
Sugar Glaze
- E5F3FF
≈ Moon White
Analog -30° +30°
- FCEEE1
Sugar Glaze
- FFECE7
≈ Peach Breeze
- F5F1E0
≈ Warm Milk
Üçlü +120° +240°
- FCEEE1
Sugar Glaze
- E1F6F3
≈ Frosty Mint
- F4EDFD
≈ Placebo Fuchsia
Bölünmüş tamamlayıcı +150° +210°
- FCEEE1
Sugar Glaze
- E0F5FB
≈ Coastal Breeze
- ECF0FF
≈ Carte Blanche
Dörtlü +90° +180° +270°
- FCEEE1
Sugar Glaze
- E5F6EA
≈ Nettle Rash
- E5F3FF
≈ Moon White
- FBEBF7
≈ Placebo Magenta
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.13:1 · APCA Lc 0
Ag
AAASiyah üzerinde
WCAG 18.45:1 · APCA Lc 98
En iyi metin rengi: #000000
WCAG 18.45:1 (AAA) · APCA Lc 98
Contrast pairs
Kod parçacıkları
CSS
:root {
--sugar-glaze: #fceee1;
--sugar-glaze-rgb: 252 238 225;
--sugar-glaze-oklch: oklch(0.957 0.023 65.5);
}
.element {
color: var(--sugar-glaze);
background-color: hsl(29 82% 94%);
border-color: oklch(0.957 0.023 65.5);
}Tailwind CSS v4
@theme {
--color-sugar-glaze: #fceee1;
--color-sugar-glaze-50: #faf4ee;
--color-sugar-glaze-100: #ede7e0;
--color-sugar-glaze-200: #dbd3ca;
--color-sugar-glaze-300: #c0b5ab;
--color-sugar-glaze-400: #a89c91;
--color-sugar-glaze-500: #918377;
--color-sugar-glaze-600: #7b6f64;
--color-sugar-glaze-700: #625950;
--color-sugar-glaze-800: #48413a;
--color-sugar-glaze-900: #322d28;
--color-sugar-glaze-950: #1e1a16;
}SCSS
$sugar-glaze: #fceee1;
$sugar-glaze-rgb: 252, 238, 225;
$sugar-glaze-light: mix(#fff, $sugar-glaze, 20%);
$sugar-glaze-dark: mix(#000, $sugar-glaze, 20%);
.element {
color: $sugar-glaze;
box-shadow: 0 0 0 2px rgba($sugar-glaze, 0.35);
}