Couleur nommée · #F8EA97
Picasso
Picasso correspond à #F8EA97 : rgb(248 234 151), hsl(51 87% 78%), oklch(0.93 0.104 99.9). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Yellow mean? → · Picasso color name →
#F8EA97
oklch(0.93 0.104 99.9)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- F9ECA2
- F9EFAD
- FAF1B8
- FBF3C3
- FBF5CD
- FCF7D7
- FDF9E1
- FDFBEB
- FEFDF5
Ombres
- D8CB83
- B8AE6F
- 9A915C
- 7C7549
- 605A37
- 454126
- 2C2917
- 151308
- 030301
Tons
- EBDF96
- DFD494
- D2C992
- C6BF90
- BAB48E
- AEA98B
- A29F89
- 979586
- 8B8A83
Harmonies de couleurs
Complémentaire +180°
- F8EA97
Picasso
- E3E6FF
≈ Lavender Mist
Analogue -30° +30°
- F8EA97
Picasso
- FFE3C3
≈ Bisque
- D1F6AC
≈ Creamy Avocado
Triadique +120° +240°
- F8EA97
Picasso
- C4F0FF
≈ Heaven’s Gate
- FFDCF2
≈ Silky Pink
Complémentaire divisée +150° +210°
- F8EA97
Picasso
- D7EAFF
≈ Veiling Waterfalls
- F1E0FF
≈ Lavender Savour
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.22:1 · APCA Lc 11
Ag
AAASur noir
WCAG 17.20:1 · APCA Lc 93
Meilleure couleur de texte: #000000
WCAG 17.20:1 (AAA) · APCA Lc 93
Contrast pairs
Extraits de code
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);
}