Colore con nome · #FFE285
Daffodil Yellow
Daffodil Yellow è #FFE285: rgb(255 226 133), hsl(46 100% 76%), oklch(0.917 0.117 92.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Daffodil Yellow color name →
#FFE285
oklch(0.917 0.117 92.6)
Conversioni di colore
- HEX
- #ffe285
- RGB
- rgb(255 226 133)
- HSL
- hsl(46 100% 76%)
- HWB
- hwb(46 52% 0%)
- OKLCH
- oklch(0.917 0.117 92.6)
- OKLab
- oklab(0.917 -0.005 0.117)
- CIE Lab
- lab(90.87 1.73 48.99)
- LCH
- lch(90.87 49.02 88)
- CMYK
- cmyk(0% 11% 48% 0%)
Tinte · Ombre · Toni
Tinte
- FFE593
- FFE8A0
- FFEBAD
- FFEEB9
- FFF1C5
- FFF4D1
- FFF7DD
- FFFAE8
- FFFCF4
Ombre
- DEC473
- BEA861
- 9E8C50
- 807140
- 635730
- 483E21
- 2E2713
- 161206
- 030301
Toni
- F2D886
- E4CE87
- D7C487
- CABA87
- BEB086
- B1A686
- A49D85
- 989383
- 8C8A82
Armonie di colore
Complementare +180°
- FFE285
Daffodil Yellow
- DAE3FF
≈ Stoic White
Analogo -30° +30°
- FFE285
Daffodil Yellow
- FFDDBF
≈ Persian Melon
- D5F198
≈ Creamy Avocado
Triadico +120° +240°
- FFE285
Daffodil Yellow
- AEF1FF
≈ Beyond the Clouds
- FFD4F7
≈ Shampoo
Complementare divisa +150° +210°
- FFE285
Daffodil Yellow
- CCE8FF
≈ Veiling Waterfalls
- EADDFF
≈ Lavender Savour
Tetradico +90° +180° +270°
- FFE285
Daffodil Yellow
- 7EFDEA
≈ Defence Matrix
- DAE3FF
≈ Stoic White
- FFD8E1
≈ It’s a Girl!
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.27:1 · APCA Lc 14
Ag
AAASu nero
WCAG 16.46:1 · APCA Lc 90
Miglior colore del testo: #000000
WCAG 16.46:1 (AAA) · APCA Lc 90
Contrast pairs
Frammenti di codice
CSS
:root {
--daffodil-yellow: #ffe285;
--daffodil-yellow-rgb: 255 226 133;
--daffodil-yellow-oklch: oklch(0.917 0.117 92.6);
}
.element {
color: var(--daffodil-yellow);
background-color: hsl(46 100% 76%);
border-color: oklch(0.917 0.117 92.6);
}Tailwind CSS v4
@theme {
--color-daffodil-yellow: #ffe285;
--color-daffodil-yellow-50: #fff5d0;
--color-daffodil-yellow-100: #f4e8bc;
--color-daffodil-yellow-200: #e4d49b;
--color-daffodil-yellow-300: #cab770;
--color-daffodil-yellow-400: #b79c44;
--color-daffodil-yellow-500: #a18300;
--color-daffodil-yellow-600: #886f04;
--color-daffodil-yellow-700: #6d5906;
--color-daffodil-yellow-800: #524002;
--color-daffodil-yellow-900: #392c03;
--color-daffodil-yellow-950: #231900;
}SCSS
$daffodil-yellow: #ffe285;
$daffodil-yellow-rgb: 255, 226, 133;
$daffodil-yellow-light: mix(#fff, $daffodil-yellow, 20%);
$daffodil-yellow-dark: mix(#000, $daffodil-yellow, 20%);
.element {
color: $daffodil-yellow;
box-shadow: 0 0 0 2px rgba($daffodil-yellow, 0.35);
}