Benannte Farbe · #FFF4B9
Swiss Cheese
Swiss Cheese ist #FFF4B9: rgb(255 244 185), hsl(51 100% 86%), oklch(0.962 0.076 98.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Swiss Cheese color name →
#FFF4B9
oklch(0.962 0.076 98.8)
Farbumrechnungen
- HEX
- #fff4b9
- RGB
- rgb(255 244 185)
- HSL
- hsl(51 100% 86%)
- HWB
- hwb(51 73% 0%)
- OKLCH
- oklch(0.962 0.076 98.8)
- OKLab
- oklab(0.962 -0.012 0.075)
- CIE Lab
- lab(96.02 -2.68 29.94)
- LCH
- lch(96.02 30.06 95.1)
- CMYK
- cmyk(0% 4% 27% 0%)
Tints · Shades · Tones
Tints
- FFF5C0
- FFF6C8
- FFF8CF
- FFF9D6
- FFFADD
- FFFBE4
- FFFCEB
- FFFDF1
- FFFEF8
Shades
- DED4A0
- BEB589
- 9E9771
- 807A5B
- 635E46
- 484431
- 2E2B1E
- 16140D
- 030302
Tones
- F2E8B3
- E4DCAE
- D7D0A8
- CAC4A3
- BDB89D
- B1AD97
- A4A292
- 98968C
- 8C8B86
Farbharmonien
Komplementär +180°
- FFF4B9
Swiss Cheese
- EFF1FF
≈ Foundation White
Analog -30° +30°
- FFF4B9
Swiss Cheese
- FFF0DF
≈ Axolotl
- E3FDC7
≈ Herbal Vapours
Triadisch +120° +240°
- FFF4B9
Swiss Cheese
- DFF7FF
≈ Glacial Day
- FFECF8
≈ Partial Pink
Geteilt komplementär +150° +210°
- FFF4B9
Swiss Cheese
- E9F4FF
≈ Moon White
- F7EEFF
≈ Placebo Fuchsia
Tetradisch +90° +180° +270°
- FFF4B9
Swiss Cheese
- C9FFFA
≈ Arabian Veil
- EFF1FF
≈ Foundation White
- FFEDF0
≈ Translucent Unicorn
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.11:1 · APCA Lc 0
Ag
AAAAuf Schwarz
WCAG 18.89:1 · APCA Lc 100
Beste Textfarbe: #000000
WCAG 18.89:1 (AAA) · APCA Lc 100
Contrast pairs
Code-Snippets
CSS
:root {
--swiss-cheese: #fff4b9;
--swiss-cheese-rgb: 255 244 185;
--swiss-cheese-oklch: oklch(0.962 0.076 98.8);
}
.element {
color: var(--swiss-cheese);
background-color: hsl(51 100% 86%);
border-color: oklch(0.962 0.076 98.8);
}Tailwind CSS v4
@theme {
--color-swiss-cheese: #fff4b9;
--color-swiss-cheese-50: #faf6de;
--color-swiss-cheese-100: #ede9cc;
--color-swiss-cheese-200: #dbd6b1;
--color-swiss-cheese-300: #c0b98c;
--color-swiss-cheese-400: #aaa06b;
--color-swiss-cheese-500: #938749;
--color-swiss-cheese-600: #7c723f;
--color-swiss-cheese-700: #635b32;
--color-swiss-cheese-800: #4a4222;
--color-swiss-cheese-900: #332e17;
--color-swiss-cheese-950: #1f1b08;
}SCSS
$swiss-cheese: #fff4b9;
$swiss-cheese-rgb: 255, 244, 185;
$swiss-cheese-light: mix(#fff, $swiss-cheese, 20%);
$swiss-cheese-dark: mix(#000, $swiss-cheese, 20%);
.element {
color: $swiss-cheese;
box-shadow: 0 0 0 2px rgba($swiss-cheese, 0.35);
}