Colore con nome · #F7D78A
Midday
Midday è #F7D78A: rgb(247 215 138), hsl(42 87% 75%), oklch(0.889 0.102 87.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Midday color name →
#F7D78A
oklch(0.889 0.102 87.7)
Conversioni di colore
- HEX
- #f7d78a
- RGB
- rgb(247 215 138)
- HSL
- hsl(42 87% 75%)
- HWB
- hwb(42 54% 3%)
- OKLCH
- oklch(0.889 0.102 87.7)
- OKLab
- oklab(0.889 0.004 0.102)
- CIE Lab
- lab(87.46 4.2 42.21)
- LCH
- lch(87.46 42.42 84.3)
- CMYK
- cmyk(0% 13% 44% 3%)
Tinte · Ombre · Toni
Tinte
- F8DB97
- F9DFA3
- FAE3AF
- FAE7BB
- FBEBC6
- FCEFD2
- FDF3DD
- FEF7E9
- FEFBF4
Ombre
- D7BB77
- B79F65
- 998553
- 7C6B42
- 605232
- 453B22
- 2C2514
- 151107
- 030201
Toni
- EBCE8A
- DEC58A
- D2BC89
- C6B489
- BAAB88
- AEA287
- A29A85
- 979184
- 8B8882
Armonie di colore
Complementare +180°
- F7D78A
Midday
- CBDAFF
≈ Icy Plains
Analogo -30° +30°
- F7D78A
Midday
- FFD0AD
≈ Mellow Glow
- D4E496
≈ Apple Bob
Triadico +120° +240°
- F7D78A
Midday
- 81EEFE
≈ Photon Projector
- FFC3FD
≈ Distilled Rose
Complementare divisa +150° +210°
- F7D78A
Midday
- B5E1FF
≈ Dithered Sky
- DFD2FF
≈ Pale Lavender
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.39:1 · APCA Lc 19
Ag
AAASu nero
WCAG 15.04:1 · APCA Lc 84
Miglior colore del testo: #000000
WCAG 15.04:1 (AAA) · APCA Lc 84
Contrast pairs
Frammenti di codice
CSS
:root {
--midday: #f7d78a;
--midday-rgb: 247 215 138;
--midday-oklch: oklch(0.889 0.102 87.7);
}
.element {
color: var(--midday);
background-color: hsl(42 87% 75%);
border-color: oklch(0.889 0.102 87.7);
}Tailwind CSS v4
@theme {
--color-midday: #f7d78a;
--color-midday-50: #fff5d5;
--color-midday-100: #f5e7c2;
--color-midday-200: #e5d3a3;
--color-midday-300: #ccb57a;
--color-midday-400: #b89b53;
--color-midday-500: #a38126;
--color-midday-600: #896e23;
--color-midday-700: #6e581c;
--color-midday-800: #523f12;
--color-midday-900: #392c0b;
--color-midday-950: #241901;
}SCSS
$midday: #f7d78a;
$midday-rgb: 247, 215, 138;
$midday-light: mix(#fff, $midday, 20%);
$midday-dark: mix(#000, $midday, 20%);
.element {
color: $midday;
box-shadow: 0 0 0 2px rgba($midday, 0.35);
}