Colore con nome · #FED340
Daisy
Daisy è #FED340: rgb(254 211 64), hsl(46 99% 62%), oklch(0.88 0.162 91.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Daisy color name →
#FED340
oklch(0.88 0.162 91.8)
Conversioni di colore
- HEX
- #fed340
- RGB
- rgb(254 211 64)
- HSL
- hsl(46 99% 62%)
- HWB
- hwb(46 25% 0%)
- OKLCH
- oklch(0.88 0.162 91.8)
- OKLab
- oklab(0.88 -0.005 0.161)
- CIE Lab
- lab(86.53 5.35 73.49)
- LCH
- lch(86.53 73.69 85.8)
- CMYK
- cmyk(0% 17% 75% 0%)
Tinte · Ombre · Toni
Tinte
- FED85D
- FEDD74
- FEE189
- FFE69B
- FFEAAD
- FFEFBE
- FFF3CF
- FFF7DF
- FFFBEF
Ombre
- DDB736
- BD9C2D
- 9E8224
- 80691B
- 635113
- 473A0B
- 2D2405
- 161001
- 030200
Toni
- F1CB4E
- E4C259
- D7BA62
- CAB269
- BDAA6F
- B1A174
- A49978
- 98917B
- 8C887E
Armonie di colore
Complementare +180°
- FED340
Daisy
- C9D6FF
≈ Pale Phthalo Blue
Analogo -30° +30°
- FED340
Daisy
- FFCCA1
≈ Phenomenal Peach
- C6E865
≈ Pisco Sour
Triadico +120° +240°
- FED340
Daisy
- 7EEAFF
≈ Photon Projector
- FFC0F5
≈ Pink Quartz
Complementare divisa +150° +210°
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.43:1 · APCA Lc 21
Ag
AAASu nero
WCAG 14.60:1 · APCA Lc 83
Miglior colore del testo: #000000
WCAG 14.60:1 (AAA) · APCA Lc 83
Contrast pairs
Frammenti di codice
CSS
:root {
--daisy: #fed340;
--daisy-rgb: 254 211 64;
--daisy-oklch: oklch(0.88 0.162 91.8);
}
.element {
color: var(--daisy);
background-color: hsl(46 99% 62%);
border-color: oklch(0.88 0.162 91.8);
}Tailwind CSS v4
@theme {
--color-daisy: #fed340;
--color-daisy-50: #fff5c1;
--color-daisy-100: #fae8aa;
--color-daisy-200: #ebd382;
--color-daisy-300: #d3b54a;
--color-daisy-400: #c19a00;
--color-daisy-500: #ad7f00;
--color-daisy-600: #926c00;
--color-daisy-700: #755600;
--color-daisy-800: #583e00;
--color-daisy-900: #3e2b00;
--color-daisy-950: #271800;
}SCSS
$daisy: #fed340;
$daisy-rgb: 254, 211, 64;
$daisy-light: mix(#fff, $daisy, 20%);
$daisy-dark: mix(#000, $daisy, 20%);
.element {
color: $daisy;
box-shadow: 0 0 0 2px rgba($daisy, 0.35);
}