Colore con nome · #FFE078
Summer Daffodil
Summer Daffodil è #FFE078: rgb(255 224 120), hsl(46 100% 74%), oklch(0.912 0.128 93.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Summer Daffodil color name →
#FFE078
oklch(0.912 0.128 93.1)
Conversioni di colore
- HEX
- #ffe078
- RGB
- rgb(255 224 120)
- HSL
- hsl(46 100% 74%)
- HWB
- hwb(46 47% 0%)
- OKLCH
- oklch(0.912 0.128 93.1)
- OKLab
- oklab(0.912 -0.007 0.128)
- CIE Lab
- lab(90.24 1.89 54.37)
- LCH
- lch(90.24 54.4 88)
- CMYK
- cmyk(0% 12% 53% 0%)
Tinte · Ombre · Toni
Tinte
- FFE388
- FFE797
- FFEAA5
- FFEDB3
- FFF0C0
- FFF3CD
- FFF6DA
- FFF9E6
- FFFCF3
Ombre
- DEC367
- BEA657
- 9E8A48
- 807039
- 63562A
- 483E1D
- 2E2710
- 161205
- 030201
Toni
- F2D67B
- E4CC7D
- D7C37F
- CAB980
- BEAF81
- B1A682
- A49C82
- 989381
- 8C8981
Armonie di colore
Complementare +180°
- FFE078
Summer Daffodil
- D8E1FF
≈ Contrail
Analogo -30° +30°
- FFE078
Summer Daffodil
- FFDABA
≈ Peach Puff
- D2F08E
≈ Laced Green
Triadico +120° +240°
- FFE078
Summer Daffodil
- A9EFFF
≈ Beyond the Clouds
- FFD1F6
≈ Shampoo
Complementare divisa +150° +210°
- FFE078
Summer Daffodil
- C8E6FF
≈ Icy Landscape
- E9DAFF
≈ Lavender Savour
Tetradico +90° +180° +270°
- FFE078
Summer Daffodil
- 6CFEEA
≈ Icy Life
- D8E1FF
≈ Contrail
- FFD5DF
≈ No Need to Blush
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.29:1 · APCA Lc 15
Ag
AAASu nero
WCAG 16.18:1 · APCA Lc 89
Miglior colore del testo: #000000
WCAG 16.18:1 (AAA) · APCA Lc 89
Contrast pairs
Frammenti di codice
CSS
:root {
--summer-daffodil: #ffe078;
--summer-daffodil-rgb: 255 224 120;
--summer-daffodil-oklch: oklch(0.912 0.128 93.1);
}
.element {
color: var(--summer-daffodil);
background-color: hsl(46 100% 74%);
border-color: oklch(0.912 0.128 93.1);
}Tailwind CSS v4
@theme {
--color-summer-daffodil: #ffe078;
--color-summer-daffodil-50: #fff6cc;
--color-summer-daffodil-100: #f5e8b8;
--color-summer-daffodil-200: #e5d495;
--color-summer-daffodil-300: #ccb768;
--color-summer-daffodil-400: #b89c37;
--color-summer-daffodil-500: #a38200;
--color-summer-daffodil-600: #8a6f00;
--color-summer-daffodil-700: #6f5800;
--color-summer-daffodil-800: #534000;
--color-summer-daffodil-900: #3a2c00;
--color-summer-daffodil-950: #241900;
}SCSS
$summer-daffodil: #ffe078;
$summer-daffodil-rgb: 255, 224, 120;
$summer-daffodil-light: mix(#fff, $summer-daffodil, 20%);
$summer-daffodil-dark: mix(#000, $summer-daffodil, 20%);
.element {
color: $summer-daffodil;
box-shadow: 0 0 0 2px rgba($summer-daffodil, 0.35);
}