Benannte Farbe · #FCE9D1
Creamy Orange
Creamy Orange ist #FCE9D1: rgb(252 233 209), hsl(33 88% 90%), oklch(0.943 0.038 73.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Creamy Orange color name →
#FCE9D1
oklch(0.943 0.038 73.7)
Farbumrechnungen
- HEX
- #fce9d1
- RGB
- rgb(252 233 209)
- HSL
- hsl(33 88% 90%)
- HWB
- hwb(33 82% 1%)
- OKLCH
- oklch(0.943 0.038 73.7)
- OKLab
- oklab(0.943 0.011 0.036)
- CIE Lab
- lab(93.42 3.88 14.17)
- LCH
- lch(93.42 14.69 74.7)
- CMYK
- cmyk(0% 8% 17% 1%)
Tints · Shades · Tones
Tints
- FCEBD6
- FDEDDA
- FDF0DF
- FDF2E3
- FEF4E8
- FEF6ED
- FEF8F1
- FEFBF6
- FFFDFA
Shades
- DBCBB5
- BBAD9B
- 9C9081
- 7E7468
- 625A50
- 474139
- 2D2923
- 161310
- 030302
Tones
- EFDEC9
- E2D3C0
- D5C8B8
- C9BEB0
- BCB3A8
- B0A9A0
- A49E98
- 989490
- 8C8A88
Farbharmonien
Komplementär +180°
- FCE9D1
Creamy Orange
- E0EEFF
≈ Calcareous Sinter
Analog -30° +30°
- FCE9D1
Creamy Orange
- FFE6DC
≈ French Manicure
- F0EED1
≈ Bright Laughter
Triadisch +120° +240°
- FCE9D1
Creamy Orange
- D0F5F3
≈ Tinted Ice
- F6E5FF
≈ Soft Lavender
Geteilt komplementär +150° +210°
- FCE9D1
Creamy Orange
- D2F2FF
≈ Water
- E9EAFF
≈ Glitter
Tetradisch +90° +180° +270°
- FCE9D1
Creamy Orange
- D6F5E5
≈ Teal Treat
- E0EEFF
≈ Calcareous Sinter
- FFE3F2
≈ Bunny Tail
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.18:1 · APCA Lc 9
Ag
AAAAuf Schwarz
WCAG 17.71:1 · APCA Lc 95
Beste Textfarbe: #000000
WCAG 17.71:1 (AAA) · APCA Lc 95
Contrast pairs
Code-Snippets
CSS
:root {
--creamy-orange: #fce9d1;
--creamy-orange-rgb: 252 233 209;
--creamy-orange-oklch: oklch(0.943 0.038 73.7);
}
.element {
color: var(--creamy-orange);
background-color: hsl(33 88% 90%);
border-color: oklch(0.943 0.038 73.7);
}Tailwind CSS v4
@theme {
--color-creamy-orange: #fce9d1;
--color-creamy-orange-50: #fcf4e9;
--color-creamy-orange-100: #efe6da;
--color-creamy-orange-200: #ded2c3;
--color-creamy-orange-300: #c3b5a2;
--color-creamy-orange-400: #ac9c86;
--color-creamy-orange-500: #96836b;
--color-creamy-orange-600: #7f6f5b;
--color-creamy-orange-700: #655948;
--color-creamy-orange-800: #4b4034;
--color-creamy-orange-900: #342c24;
--color-creamy-orange-950: #1f1912;
}SCSS
$creamy-orange: #fce9d1;
$creamy-orange-rgb: 252, 233, 209;
$creamy-orange-light: mix(#fff, $creamy-orange, 20%);
$creamy-orange-dark: mix(#000, $creamy-orange, 20%);
.element {
color: $creamy-orange;
box-shadow: 0 0 0 2px rgba($creamy-orange, 0.35);
}