Benannte Farbe · #F9E496
Vis Vis
Vis Vis ist #F9E496: rgb(249 228 150), hsl(47 89% 78%), oklch(0.919 0.1 94.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Vis Vis color name →
#F9E496
oklch(0.919 0.1 94.8)
Farbumrechnungen
- HEX
- #f9e496
- RGB
- rgb(249 228 150)
- HSL
- hsl(47 89% 78%)
- HWB
- hwb(47 59% 2%)
- OKLCH
- oklch(0.919 0.1 94.8)
- OKLab
- oklab(0.919 -0.008 0.1)
- CIE Lab
- lab(91.03 -0.38 40.79)
- LCH
- lch(91.03 40.79 90.5)
- CMYK
- cmyk(0% 8% 40% 2%)
Tints · Shades · Tones
Tints
- FAE7A1
- FAEAAC
- FBECB7
- FBEFC2
- FCF2CC
- FDF5D7
- FDF7E1
- FEFAEB
- FEFCF5
Shades
- D9C682
- B9A96E
- 9A8D5B
- 7D7249
- 615837
- 463F26
- 2C2816
- 151208
- 030301
Tones
- ECDA95
- E0CF93
- D3C591
- C7BB8F
- BBB18D
- AFA78B
- A39D88
- 979386
- 8B8A83
Farbharmonien
Komplementär +180°
- F9E496
Vis Vis
- DCE3FF
≈ Stoic White
Analog -30° +30°
- F9E496
Vis Vis
- FFDDBE
≈ Persian Melon
- D5F0A6
≈ Reef Refractions
Triadisch +120° +240°
- F9E496
Vis Vis
- B3F0FF
≈ Northrend
- FFD5F5
≈ Sweet Sachet
Geteilt komplementär +150° +210°
- F9E496
Vis Vis
- CEE8FF
≈ Veiling Waterfalls
- EBDDFF
≈ Lavender Savour
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.26:1 · APCA Lc 13
Ag
AAAAuf Schwarz
WCAG 16.56:1 · APCA Lc 91
Beste Textfarbe: #000000
WCAG 16.56:1 (AAA) · APCA Lc 91
Contrast pairs
Code-Snippets
CSS
:root {
--vis-vis: #f9e496;
--vis-vis-rgb: 249 228 150;
--vis-vis-oklch: oklch(0.919 0.1 94.8);
}
.element {
color: var(--vis-vis);
background-color: hsl(47 89% 78%);
border-color: oklch(0.919 0.1 94.8);
}Tailwind CSS v4
@theme {
--color-vis-vis: #f9e496;
--color-vis-vis-50: #fdf6d6;
--color-vis-vis-100: #f1e9c3;
--color-vis-vis-200: #e0d5a4;
--color-vis-vis-300: #c6b87c;
--color-vis-vis-400: #b19e56;
--color-vis-vis-500: #9b852b;
--color-vis-vis-600: #837126;
--color-vis-vis-700: #695a1f;
--color-vis-vis-800: #4e4114;
--color-vis-vis-900: #362d0c;
--color-vis-vis-950: #211a01;
}SCSS
$vis-vis: #f9e496;
$vis-vis-rgb: 249, 228, 150;
$vis-vis-light: mix(#fff, $vis-vis, 20%);
$vis-vis-dark: mix(#000, $vis-vis, 20%);
.element {
color: $vis-vis;
box-shadow: 0 0 0 2px rgba($vis-vis, 0.35);
}