Benannte Farbe · #F8EA97
Picasso
Picasso ist #F8EA97: rgb(248 234 151), hsl(51 87% 78%), oklch(0.93 0.104 99.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Picasso color name →
#F8EA97
oklch(0.93 0.104 99.9)
Farbumrechnungen
- HEX
- #f8ea97
- RGB
- rgb(248 234 151)
- HSL
- hsl(51 87% 78%)
- HWB
- hwb(51 59% 3%)
- OKLCH
- oklch(0.93 0.104 99.9)
- OKLab
- oklab(0.93 -0.018 0.103)
- CIE Lab
- lab(92.46 -3.54 42.08)
- LCH
- lch(92.46 42.23 94.8)
- CMYK
- cmyk(0% 6% 39% 3%)
Tints · Shades · Tones
Tints
- F9ECA2
- F9EFAD
- FAF1B8
- FBF3C3
- FBF5CD
- FCF7D7
- FDF9E1
- FDFBEB
- FEFDF5
Shades
- D8CB83
- B8AE6F
- 9A915C
- 7C7549
- 605A37
- 454126
- 2C2917
- 151308
- 030301
Tones
- EBDF96
- DFD494
- D2C992
- C6BF90
- BAB48E
- AEA98B
- A29F89
- 979586
- 8B8A83
Farbharmonien
Komplementär +180°
- F8EA97
Picasso
- E3E6FF
≈ Lavender Mist
Analog -30° +30°
- F8EA97
Picasso
- FFE3C3
≈ Bisque
- D1F6AC
≈ Creamy Avocado
Triadisch +120° +240°
- F8EA97
Picasso
- C4F0FF
≈ Heaven’s Gate
- FFDCF2
≈ Silky Pink
Geteilt komplementär +150° +210°
- F8EA97
Picasso
- D7EAFF
≈ Veiling Waterfalls
- F1E0FF
≈ Lavender Savour
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.22:1 · APCA Lc 11
Ag
AAAAuf Schwarz
WCAG 17.20:1 · APCA Lc 93
Beste Textfarbe: #000000
WCAG 17.20:1 (AAA) · APCA Lc 93
Contrast pairs
Code-Snippets
CSS
:root {
--picasso: #f8ea97;
--picasso-rgb: 248 234 151;
--picasso-oklch: oklch(0.93 0.104 99.9);
}
.element {
color: var(--picasso);
background-color: hsl(51 87% 78%);
border-color: oklch(0.93 0.104 99.9);
}Tailwind CSS v4
@theme {
--color-picasso: #f8ea97;
--color-picasso-50: #fbf7d5;
--color-picasso-100: #eeeac2;
--color-picasso-200: #ddd6a3;
--color-picasso-300: #c2ba7a;
--color-picasso-400: #ada053;
--color-picasso-500: #978726;
--color-picasso-600: #7f7223;
--color-picasso-700: #665b1c;
--color-picasso-800: #4c4211;
--color-picasso-900: #352e0b;
--color-picasso-950: #201a01;
}SCSS
$picasso: #f8ea97;
$picasso-rgb: 248, 234, 151;
$picasso-light: mix(#fff, $picasso, 20%);
$picasso-dark: mix(#000, $picasso, 20%);
.element {
color: $picasso;
box-shadow: 0 0 0 2px rgba($picasso, 0.35);
}