Colore con nome · #FBEB50
Paris Daisy
Paris Daisy è #FBEB50: rgb(251 235 80), hsl(54 96% 65%), oklch(0.926 0.169 103.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Paris Daisy color name →
#FBEB50
oklch(0.926 0.169 103.4)
Conversioni di colore
- HEX
- #fbeb50
- RGB
- rgb(251 235 80)
- HSL
- hsl(54 96% 65%)
- HWB
- hwb(54 31% 2%)
- OKLCH
- oklch(0.926 0.169 103.4)
- OKLab
- oklab(0.926 -0.039 0.164)
- CIE Lab
- lab(92.36 -6.8 73.18)
- LCH
- lch(92.36 73.5 95.3)
- CMYK
- cmyk(0% 6% 68% 2%)
Tinte · Ombre · Toni
Tinte
- FBED6A
- FBF07F
- FCF292
- FCF4A3
- FCF6B4
- FDF8C4
- FDFAD3
- FEFCE2
- FEFDF1
Ombre
- DACC44
- BAAE39
- 9C912E
- 7E7524
- 615B1A
- 464110
- 2D2907
- 151302
- 030300
Toni
- EEE05B
- E1D564
- D4CA6B
- C8C070
- BBB575
- AFAA79
- A3A07B
- 97957D
- 8B8B7F
Armonie di colore
Complementare +180°
- FBEB50
Paris Daisy
- E3E4FF
≈ Lavender Mist
Analogo -30° +30°
- FBEB50
Paris Daisy
- FFE1BC
≈ Orange Glow
- B9FF85
≈ Light Yellowish Green
Triadico +120° +240°
- FBEB50
Paris Daisy
- C4EFFF
≈ Heaven’s Gate
- FFDBEF
≈ Rose Glow
Complementare divisa +150° +210°
- FBEB50
Paris Daisy
- D6E9FF
≈ Veiling Waterfalls
- F3DDFF
≈ Lavender Savour
Tetradico +90° +180° +270°
- FBEB50
Paris Daisy
- 7FFFFC
≈ Glitter Shower
- E3E4FF
≈ Lavender Mist
- FFDDDF
≈ Rose Tonic
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.22:1 · APCA Lc 11
Ag
AAASu nero
WCAG 17.10:1 · APCA Lc 93
Miglior colore del testo: #000000
WCAG 17.10:1 (AAA) · APCA Lc 93
Contrast pairs
Frammenti di codice
CSS
:root {
--paris-daisy: #fbeb50;
--paris-daisy-rgb: 251 235 80;
--paris-daisy-oklch: oklch(0.926 0.169 103.4);
}
.element {
color: var(--paris-daisy);
background-color: hsl(54 96% 65%);
border-color: oklch(0.926 0.169 103.4);
}Tailwind CSS v4
@theme {
--color-paris-daisy: #fbeb50;
--color-paris-daisy-50: #fbf9c1;
--color-paris-daisy-100: #efecaa;
--color-paris-daisy-200: #ded981;
--color-paris-daisy-300: #c4bc49;
--color-paris-daisy-400: #b1a100;
--color-paris-daisy-500: #9c8800;
--color-paris-daisy-600: #837300;
--color-paris-daisy-700: #695c00;
--color-paris-daisy-800: #4f4200;
--color-paris-daisy-900: #372e00;
--color-paris-daisy-950: #221a00;
}SCSS
$paris-daisy: #fbeb50;
$paris-daisy-rgb: 251, 235, 80;
$paris-daisy-light: mix(#fff, $paris-daisy, 20%);
$paris-daisy-dark: mix(#000, $paris-daisy, 20%);
.element {
color: $paris-daisy;
box-shadow: 0 0 0 2px rgba($paris-daisy, 0.35);
}