Colore con nome · #F1D9A5
Upbeat
Upbeat è #F1D9A5: rgb(241 217 165), hsl(41 73% 80%), oklch(0.893 0.072 86). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Upbeat color name →
#F1D9A5
oklch(0.893 0.072 86)
Conversioni di colore
- HEX
- #f1d9a5
- RGB
- rgb(241 217 165)
- HSL
- hsl(41 73% 80%)
- HWB
- hwb(41 65% 5%)
- OKLCH
- oklch(0.893 0.072 86)
- OKLab
- oklab(0.893 0.005 0.072)
- CIE Lab
- lab(87.77 3.06 28.89)
- LCH
- lch(87.77 29.05 84)
- CMYK
- cmyk(0% 10% 32% 5%)
Tinte · Ombre · Toni
Tinte
- F2DDAE
- F4E1B7
- F5E5C0
- F7E8CA
- F8ECD2
- FAF0DB
- FBF4E4
- FCF8ED
- FEFBF6
Ombre
- D2BC8F
- B3A179
- 958665
- 796C51
- 5D533D
- 433B2B
- 2B251A
- 14110A
- 030201
Toni
- E5D0A2
- D9C79E
- CEBE9B
- C2B597
- B7AC93
- ACA390
- A19A8C
- 969188
- 8B8984
Armonie di colore
Complementare +180°
- F1D9A5
Upbeat
- CCDCFF
≈ Arc Light
Analogo -30° +30°
- F1D9A5
Upbeat
- FFD1B2
≈ Papaya Whip
- D9E2AC
≈ Cocktail Onion
Triadico +120° +240°
- F1D9A5
Upbeat
- A2EAF3
≈ Permafrost
- F5CCF6
≈ Sassy Pink
Complementare divisa +150° +210°
- F1D9A5
Upbeat
- B6E3FF
≈ Frozen Landscape
- DED4FF
≈ Pale Lavender
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.38:1 · APCA Lc 19
Ag
AAASu nero
WCAG 15.20:1 · APCA Lc 85
Miglior colore del testo: #000000
WCAG 15.20:1 (AAA) · APCA Lc 85
Contrast pairs
Frammenti di codice
CSS
:root {
--upbeat: #f1d9a5;
--upbeat-rgb: 241 217 165;
--upbeat-oklch: oklch(0.893 0.072 86);
}
.element {
color: var(--upbeat);
background-color: hsl(41 73% 80%);
border-color: oklch(0.893 0.072 86);
}Tailwind CSS v4
@theme {
--color-upbeat: #f1d9a5;
--color-upbeat-50: #fef4de;
--color-upbeat-100: #f2e7cd;
--color-upbeat-200: #e1d3b2;
--color-upbeat-300: #c7b68d;
--color-upbeat-400: #b19c6d;
--color-upbeat-500: #9c834c;
--color-upbeat-600: #836f41;
--color-upbeat-700: #695934;
--color-upbeat-800: #4e4024;
--color-upbeat-900: #362c18;
--color-upbeat-950: #211909;
}SCSS
$upbeat: #f1d9a5;
$upbeat-rgb: 241, 217, 165;
$upbeat-light: mix(#fff, $upbeat, 20%);
$upbeat-dark: mix(#000, $upbeat, 20%);
.element {
color: $upbeat;
box-shadow: 0 0 0 2px rgba($upbeat, 0.35);
}