Benannte Farbe · #F9CCB7
Biscuit Cream
Biscuit Cream ist #F9CCB7: rgb(249 204 183), hsl(19 85% 85%), oklch(0.879 0.059 46.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Biscuit Cream color name →
#F9CCB7
oklch(0.879 0.059 46.4)
Farbumrechnungen
- HEX
- #f9ccb7
- RGB
- rgb(249 204 183)
- HSL
- hsl(19 85% 85%)
- HWB
- hwb(19 72% 2%)
- OKLCH
- oklch(0.879 0.059 46.4)
- OKLab
- oklab(0.879 0.04 0.042)
- CIE Lab
- lab(85.62 14.19 16.8)
- LCH
- lch(85.62 21.99 49.8)
- CMYK
- cmyk(0% 18% 27% 2%)
Tints · Shades · Tones
Tints
- FAD1BE
- FBD6C5
- FBDBCC
- FCE0D4
- FDE6DB
- FDEBE2
- FEF0E9
- FEF5F0
- FFFAF8
Shades
- D9B19F
- B99787
- 9A7E70
- 7D655A
- 614E45
- 463731
- 2C221E
- 150F0C
- 030202
Tones
- ECC4B1
- E0BCAC
- D4B5A6
- C7ADA1
- BBA59B
- AF9E96
- A39690
- 978F8B
- 8C8785
Farbharmonien
Komplementär +180°
- F9CCB7
Biscuit Cream
- AFE0F5
≈ Azure Sky
Analog -30° +30°
- F9CCB7
Biscuit Cream
- FCC8CA
≈ Sweet Memories
- EED3AC
≈ Champagne Wishes
Triadisch +120° +240°
- F9CCB7
Biscuit Cream
- B3E4CF
≈ Crystal Rapids
- D3D2FD
≈ Pale Phthalo Blue
Geteilt komplementär +150° +210°
- F9CCB7
Biscuit Cream
- AAE4E4
≈ Timeless Seafoam
- BFD9FE
≈ Broad Daylight
Tetradisch +90° +180° +270°
- F9CCB7
Biscuit Cream
- C6E1BB
≈ Ambrosia
- AFE0F5
≈ Azure Sky
- E7CCF2
≈ Mousse aux Pruneaux
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.46:1 · APCA Lc 22
Ag
AAAAuf Schwarz
WCAG 14.34:1 · APCA Lc 81
Beste Textfarbe: #000000
WCAG 14.34:1 (AAA) · APCA Lc 81
Contrast pairs
Code-Snippets
CSS
:root {
--biscuit-cream: #f9ccb7;
--biscuit-cream-rgb: 249 204 183;
--biscuit-cream-oklch: oklch(0.879 0.059 46.4);
}
.element {
color: var(--biscuit-cream);
background-color: hsl(19 85% 85%);
border-color: oklch(0.879 0.059 46.4);
}Tailwind CSS v4
@theme {
--color-biscuit-cream: #f9ccb7;
--color-biscuit-cream-50: #fff1e7;
--color-biscuit-cream-100: #f9e3d7;
--color-biscuit-cream-200: #eacdbf;
--color-biscuit-cream-300: #d1af9e;
--color-biscuit-cream-400: #bd9481;
--color-biscuit-cream-500: #a77a65;
--color-biscuit-cream-600: #8d6856;
--color-biscuit-cream-700: #715344;
--color-biscuit-cream-800: #543c32;
--color-biscuit-cream-900: #3b2922;
--color-biscuit-cream-950: #241711;
}SCSS
$biscuit-cream: #f9ccb7;
$biscuit-cream-rgb: 249, 204, 183;
$biscuit-cream-light: mix(#fff, $biscuit-cream, 20%);
$biscuit-cream-dark: mix(#000, $biscuit-cream, 20%);
.element {
color: $biscuit-cream;
box-shadow: 0 0 0 2px rgba($biscuit-cream, 0.35);
}