Benannte Farbe · #F1D79E
Splash
Splash ist #F1D79E: rgb(241 215 158), hsl(41 75% 78%), oklch(0.887 0.079 86.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Splash color name →
#F1D79E
oklch(0.887 0.079 86.2)
Farbumrechnungen
- HEX
- #f1d79e
- RGB
- rgb(241 215 158)
- HSL
- hsl(41 75% 78%)
- HWB
- hwb(41 62% 5%)
- OKLCH
- oklch(0.887 0.079 86.2)
- OKLab
- oklab(0.887 0.005 0.079)
- CIE Lab
- lab(87.17 3.41 31.67)
- LCH
- lch(87.17 31.86 83.8)
- CMYK
- cmyk(0% 11% 34% 5%)
Tints · Shades · Tones
Tints
- F2DBA8
- F4DFB2
- F5E3BC
- F7E7C6
- F8EBCF
- FAEFD9
- FBF3E2
- FCF7EC
- FEFBF5
Shades
- D2BB89
- B39F74
- 958560
- 796B4D
- 5D523A
- 433B29
- 2B2518
- 141109
- 030201
Tones
- E5CE9B
- D9C599
- CEBC96
- C2B393
- B7AB90
- ACA28D
- A1998A
- 969187
- 8B8883
Farbharmonien
Komplementär +180°
- F1D79E
Splash
- C9DAFF
≈ Icy Plains
Analog -30° +30°
- F1D79E
Splash
- FFCFAD
≈ Mellow Glow
- D6E1A5
≈ Young Wheat
Triadisch +120° +240°
- F1D79E
Splash
- 9AE9F4
≈ Permafrost
- F6C8F6
≈ Kissed by Mist
Geteilt komplementär +150° +210°
- F1D79E
Splash
- B2E1FF
≈ Frozen Landscape
- DDD2FF
≈ Pale Lavender
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.40:1 · APCA Lc 20
Ag
AAAAuf Schwarz
WCAG 14.95:1 · APCA Lc 84
Beste Textfarbe: #000000
WCAG 14.95:1 (AAA) · APCA Lc 84
Contrast pairs
Code-Snippets
CSS
:root {
--splash: #f1d79e;
--splash-rgb: 241 215 158;
--splash-oklch: oklch(0.887 0.079 86.2);
}
.element {
color: var(--splash);
background-color: hsl(41 75% 78%);
border-color: oklch(0.887 0.079 86.2);
}Tailwind CSS v4
@theme {
--color-splash: #f1d79e;
--color-splash-50: #fef4dc;
--color-splash-100: #f3e7cb;
--color-splash-200: #e2d3af;
--color-splash-300: #c8b689;
--color-splash-400: #b39c68;
--color-splash-500: #9d8245;
--color-splash-600: #856f3b;
--color-splash-700: #6a582f;
--color-splash-800: #4f4021;
--color-splash-900: #372c16;
--color-splash-950: #221907;
}SCSS
$splash: #f1d79e;
$splash-rgb: 241, 215, 158;
$splash-light: mix(#fff, $splash, 20%);
$splash-dark: mix(#000, $splash, 20%);
.element {
color: $splash;
box-shadow: 0 0 0 2px rgba($splash, 0.35);
}