Benannte Farbe · #FBEB50
Paris Daisy
Paris Daisy ist #FBEB50: rgb(251 235 80), hsl(54 96% 65%), oklch(0.926 0.169 103.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Paris Daisy color name →
#FBEB50
oklch(0.926 0.169 103.4)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- FBED6A
- FBF07F
- FCF292
- FCF4A3
- FCF6B4
- FDF8C4
- FDFAD3
- FEFCE2
- FEFDF1
Shades
- DACC44
- BAAE39
- 9C912E
- 7E7524
- 615B1A
- 464110
- 2D2907
- 151302
- 030300
Tones
- EEE05B
- E1D564
- D4CA6B
- C8C070
- BBB575
- AFAA79
- A3A07B
- 97957D
- 8B8B7F
Farbharmonien
Komplementär +180°
- FBEB50
Paris Daisy
- E3E4FF
≈ Lavender Mist
Analog -30° +30°
- FBEB50
Paris Daisy
- FFE1BC
≈ Orange Glow
- B9FF85
≈ Light Yellowish Green
Triadisch +120° +240°
- FBEB50
Paris Daisy
- C4EFFF
≈ Heaven’s Gate
- FFDBEF
≈ Rose Glow
Geteilt komplementär +150° +210°
- FBEB50
Paris Daisy
- D6E9FF
≈ Veiling Waterfalls
- F3DDFF
≈ Lavender Savour
Tetradisch +90° +180° +270°
- FBEB50
Paris Daisy
- 7FFFFC
≈ Glitter Shower
- E3E4FF
≈ Lavender Mist
- FFDDDF
≈ Rose Tonic
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.22:1 · APCA Lc 11
Ag
AAAAuf Schwarz
WCAG 17.10:1 · APCA Lc 93
Beste Textfarbe: #000000
WCAG 17.10:1 (AAA) · APCA Lc 93
Contrast pairs
Code-Snippets
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);
}