Benannte Farbe · #F1D96E
Mocha Dandelion
Mocha Dandelion ist #F1D96E: rgb(241 217 110), hsl(49 82% 69%), oklch(0.884 0.13 96.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Mocha Dandelion color name →
#F1D96E
oklch(0.884 0.13 96.9)
Farbumrechnungen
- HEX
- #f1d96e
- RGB
- rgb(241 217 110)
- HSL
- hsl(49 82% 69%)
- HWB
- hwb(49 43% 5%)
- OKLCH
- oklch(0.884 0.13 96.9)
- OKLab
- oklab(0.884 -0.016 0.129)
- CIE Lab
- lab(87.12 -0.96 55.01)
- LCH
- lch(87.12 55.02 91)
- CMYK
- cmyk(0% 10% 54% 5%)
Tints · Shades · Tones
Tints
- F2DD7F
- F4E18F
- F5E59E
- F6E9AD
- F8EDBB
- F9F1C9
- FBF4D7
- FCF8E4
- FEFBF2
Shades
- D2BC5F
- B3A150
- 958641
- 796C33
- 5D5326
- 433B19
- 2B250E
- 141104
- 030201
Tones
- E5D072
- D9C776
- CEBE79
- C2B57B
- B7AC7D
- ABA37E
- A09A7F
- 959280
- 8B8980
Farbharmonien
Komplementär +180°
- F1D96E
Mocha Dandelion
- CFD6FF
≈ Pale Phthalo Blue
Analog -30° +30°
- F1D96E
Mocha Dandelion
- FFCF9D
≈ Atoll Sand
- C2E989
≈ Sulu
Triadisch +120° +240°
- F1D96E
Mocha Dandelion
- 92E8FF
≈ Winter Wizard
- FFC3EE
≈ Rosy Maple Moth
Geteilt komplementär +150° +210°
- F1D96E
Mocha Dandelion
- BADDFF
≈ Broad Daylight
- E5CDFF
≈ Lens Flare Pink
Tetradisch +90° +180° +270°
- F1D96E
Mocha Dandelion
- 5BF4E7
≈ Poseidon Jr.
- CFD6FF
≈ Pale Phthalo Blue
- FFC8D2
≈ Sweet Sixteen
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.41:1 · APCA Lc 20
Ag
AAAAuf Schwarz
WCAG 14.89:1 · APCA Lc 84
Beste Textfarbe: #000000
WCAG 14.89:1 (AAA) · APCA Lc 84
Contrast pairs
Code-Snippets
CSS
:root {
--mocha-dandelion: #f1d96e;
--mocha-dandelion-rgb: 241 217 110;
--mocha-dandelion-oklch: oklch(0.884 0.13 96.9);
}
.element {
color: var(--mocha-dandelion);
background-color: hsl(49 82% 69%);
border-color: oklch(0.884 0.13 96.9);
}Tailwind CSS v4
@theme {
--color-mocha-dandelion: #f1d96e;
--color-mocha-dandelion-50: #fef7cc;
--color-mocha-dandelion-100: #f2e9b8;
--color-mocha-dandelion-200: #e2d695;
--color-mocha-dandelion-300: #c8b967;
--color-mocha-dandelion-400: #b49e36;
--color-mocha-dandelion-500: #9f8500;
--color-mocha-dandelion-600: #867000;
--color-mocha-dandelion-700: #6c5a00;
--color-mocha-dandelion-800: #514100;
--color-mocha-dandelion-900: #382d00;
--color-mocha-dandelion-950: #231a00;
}SCSS
$mocha-dandelion: #f1d96e;
$mocha-dandelion-rgb: 241, 217, 110;
$mocha-dandelion-light: mix(#fff, $mocha-dandelion, 20%);
$mocha-dandelion-dark: mix(#000, $mocha-dandelion, 20%);
.element {
color: $mocha-dandelion;
box-shadow: 0 0 0 2px rgba($mocha-dandelion, 0.35);
}