Nächste benannte Farbe · #FCEEE1
#FCEEE1
Nächste benannte Farbe: Sugar Glaze
#FCEEE1 (rgb(252 238 225), hsl(29 82% 94%), oklch(0.957 0.023 65.5)) liegt am nächsten an der benannten Farbe Sugar Glaze. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#FCEEE1
oklch(0.957 0.023 65.5)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- FCF0E4
- FDF1E7
- FDF3EA
- FDF5ED
- FEF7F0
- FEF8F3
- FEFAF6
- FEFCF9
- FFFDFC
Shades
- DBCFC4
- BBB1A7
- 9C938B
- 7E7770
- 625C56
- 47423E
- 2D2A27
- 161412
- 030302
Tones
- EFE2D7
- E2D7CD
- D5CCC3
- C9C1B9
- BCB5AF
- B0ABA6
- A4A09C
- 989593
- 8C8A89
Farbharmonien
Komplementär +180°
- FCEEE1
Sugar Glaze
- E5F3FF
≈ Moon White
Analog -30° +30°
- FCEEE1
Sugar Glaze
- FFECE7
≈ Peach Breeze
- F5F1E0
≈ Warm Milk
Triadisch +120° +240°
- FCEEE1
Sugar Glaze
- E1F6F3
≈ Frosty Mint
- F4EDFD
≈ Placebo Fuchsia
Geteilt komplementär +150° +210°
- FCEEE1
Sugar Glaze
- E0F5FB
≈ Coastal Breeze
- ECF0FF
≈ Carte Blanche
Tetradisch +90° +180° +270°
- FCEEE1
Sugar Glaze
- E5F6EA
≈ Nettle Rash
- E5F3FF
≈ Moon White
- FBEBF7
≈ Placebo Magenta
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.13:1 · APCA Lc 0
Ag
AAAAuf Schwarz
WCAG 18.45:1 · APCA Lc 98
Beste Textfarbe: #000000
WCAG 18.45:1 (AAA) · APCA Lc 98
Contrast pairs
Code-Snippets
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);
}