Benannte Farbe · #FBF1C0
Cowardly Custard
Cowardly Custard ist #FBF1C0: rgb(251 241 192), hsl(50 88% 87%), oklch(0.954 0.064 97.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Cowardly Custard color name →
#FBF1C0
oklch(0.954 0.064 97.8)
Farbumrechnungen
- HEX
- #fbf1c0
- RGB
- rgb(251 241 192)
- HSL
- hsl(50 88% 87%)
- HWB
- hwb(50 75% 2%)
- OKLCH
- oklch(0.954 0.064 97.8)
- OKLab
- oklab(0.954 -0.009 0.063)
- CIE Lab
- lab(95.04 -2.08 25.05)
- LCH
- lch(95.04 25.13 94.8)
- CMYK
- cmyk(0% 4% 24% 2%)
Tints · Shades · Tones
Tints
- FBF2C7
- FCF4CD
- FCF5D3
- FDF7DA
- FDF8E0
- FDFAE6
- FEFBEC
- FEFCF3
- FFFEF9
Shades
- DAD2A7
- BAB38E
- 9C9576
- 7E795F
- 615D49
- 464334
- 2D2B20
- 15140E
- 030302
Tones
- EEE5BA
- E1D9B3
- D5CEAD
- C8C2A6
- BCB7A0
- AFAC9A
- A3A193
- 97968D
- 8C8B86
Farbharmonien
Komplementär +180°
- FBF1C0
Cowardly Custard
- ECEFFF
≈ Carte Blanche
Analog -30° +30°
- FBF1C0
Cowardly Custard
- FFECD9
≈ Flowerbed
- E4F9CB
≈ Snow Flurry
Triadisch +120° +240°
- FBF1C0
Cowardly Custard
- D8F6FF
≈ Glacial Day
- FFE8F7
≈ Dolomite Crystal
Geteilt komplementär +150° +210°
- FBF1C0
Cowardly Custard
- E4F2FF
≈ Wizard White
- F5EBFF
≈ Placebo Fuchsia
Tetradisch +90° +180° +270°
- FBF1C0
Cowardly Custard
- BFFEF8
≈ Crushed Ice
- ECEFFF
≈ Carte Blanche
- FFEAED
≈ Just Pink Enough
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.13:1 · APCA Lc 0
Ag
AAAAuf Schwarz
WCAG 18.44:1 · APCA Lc 98
Beste Textfarbe: #000000
WCAG 18.44:1 (AAA) · APCA Lc 98
Contrast pairs
Code-Snippets
CSS
:root {
--cowardly-custard: #fbf1c0;
--cowardly-custard-rgb: 251 241 192;
--cowardly-custard-oklch: oklch(0.954 0.064 97.8);
}
.element {
color: var(--cowardly-custard);
background-color: hsl(50 88% 87%);
border-color: oklch(0.954 0.064 97.8);
}Tailwind CSS v4
@theme {
--color-cowardly-custard: #fbf1c0;
--color-cowardly-custard-50: #f9f6e1;
--color-cowardly-custard-100: #ede9d1;
--color-cowardly-custard-200: #dad5b6;
--color-cowardly-custard-300: #bfb993;
--color-cowardly-custard-400: #a89f73;
--color-cowardly-custard-500: #918754;
--color-cowardly-custard-600: #7b7248;
--color-cowardly-custard-700: #625b39;
--color-cowardly-custard-800: #494228;
--color-cowardly-custard-900: #332e1b;
--color-cowardly-custard-950: #1e1b0b;
}SCSS
$cowardly-custard: #fbf1c0;
$cowardly-custard-rgb: 251, 241, 192;
$cowardly-custard-light: mix(#fff, $cowardly-custard, 20%);
$cowardly-custard-dark: mix(#000, $cowardly-custard, 20%);
.element {
color: $cowardly-custard;
box-shadow: 0 0 0 2px rgba($cowardly-custard, 0.35);
}