Benannte Farbe · #F0E093
Cheesy Frittata
Cheesy Frittata ist #F0E093: rgb(240 224 147), hsl(50 76% 76%), oklch(0.902 0.098 97.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Cheesy Frittata color name →
#F0E093
oklch(0.902 0.098 97.9)
Farbumrechnungen
- HEX
- #f0e093
- RGB
- rgb(240 224 147)
- HSL
- hsl(50 76% 76%)
- HWB
- hwb(50 58% 6%)
- OKLCH
- oklch(0.902 0.098 97.9)
- OKLab
- oklab(0.902 -0.013 0.097)
- CIE Lab
- lab(89.2 -2.21 39.78)
- LCH
- lch(89.2 39.84 93.2)
- CMYK
- cmyk(0% 7% 39% 6%)
Tints · Shades · Tones
Tints
- F1E39F
- F3E6AA
- F4EAB5
- F6EDC0
- F7F0CB
- F9F3D5
- FAF6E0
- FCF9EA
- FDFCF5
Shades
- D1C37F
- B2A66C
- 958A59
- 787047
- 5D5636
- 433E25
- 2A2716
- 141208
- 030201
Tones
- E4D692
- D9CC91
- CDC28F
- C2B98E
- B6AF8C
- ABA68A
- A09C88
- 959385
- 8B8983
Farbharmonien
Komplementär +180°
- F0E093
Cheesy Frittata
- D7DDFF
≈ Transparent Blue
Analog -30° +30°
- F0E093
Cheesy Frittata
- FFD7AD
≈ Delicious Melon
- CCECA5
≈ Crystal Apple
Triadisch +120° +240°
- F0E093
Cheesy Frittata
- A8EBFF
≈ Beyond the Clouds
- FFCDEF
≈ Infra-White
Geteilt komplementär +150° +210°
- F0E093
Cheesy Frittata
- C6E3FF
≈ Fresh Water
- EAD5FF
≈ Rose Dragée
Tetradisch +90° +180° +270°
- F0E093
Cheesy Frittata
- 8DF4EB
≈ Turquoise Pearl
- D7DDFF
≈ Transparent Blue
- FFD1D8
≈ Love Fumes
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.33:1 · APCA Lc 16
Ag
AAAAuf Schwarz
WCAG 15.78:1 · APCA Lc 87
Beste Textfarbe: #000000
WCAG 15.78:1 (AAA) · APCA Lc 87
Contrast pairs
Code-Snippets
CSS
:root {
--cheesy-frittata: #f0e093;
--cheesy-frittata-rgb: 240 224 147;
--cheesy-frittata-oklch: oklch(0.902 0.098 97.9);
}
.element {
color: var(--cheesy-frittata);
background-color: hsl(50 76% 76%);
border-color: oklch(0.902 0.098 97.9);
}Tailwind CSS v4
@theme {
--color-cheesy-frittata: #f0e093;
--color-cheesy-frittata-50: #fbf6d7;
--color-cheesy-frittata-100: #efe9c4;
--color-cheesy-frittata-200: #ded6a6;
--color-cheesy-frittata-300: #c3b97e;
--color-cheesy-frittata-400: #ae9f58;
--color-cheesy-frittata-500: #98862f;
--color-cheesy-frittata-600: #807229;
--color-cheesy-frittata-700: #675b21;
--color-cheesy-frittata-800: #4d4215;
--color-cheesy-frittata-900: #352e0d;
--color-cheesy-frittata-950: #201a02;
}SCSS
$cheesy-frittata: #f0e093;
$cheesy-frittata-rgb: 240, 224, 147;
$cheesy-frittata-light: mix(#fff, $cheesy-frittata, 20%);
$cheesy-frittata-dark: mix(#000, $cheesy-frittata, 20%);
.element {
color: $cheesy-frittata;
box-shadow: 0 0 0 2px rgba($cheesy-frittata, 0.35);
}