Colore con nome · #F0944D
Faded Orange
Faded Orange è #F0944D: rgb(240 148 77), hsl(26 84% 62%), oklch(0.749 0.14 56). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Faded Orange color name →
#F0944D
oklch(0.749 0.14 56)
Conversioni di colore
- HEX
- #f0944d
- RGB
- rgb(240 148 77)
- HSL
- hsl(26 84% 62%)
- HWB
- hwb(26 30% 6%)
- OKLCH
- oklch(0.749 0.14 56)
- OKLab
- oklab(0.749 0.078 0.116)
- CIE Lab
- lab(70.22 31.28 51.75)
- LCH
- lch(70.22 60.47 58.8)
- CMYK
- cmyk(0% 38% 68% 6%)
Tinte · Ombre · Toni
Tinte
- F39F62
- F5AA75
- F7B587
- F9C098
- FBCBAA
- FCD5BB
- FDE0CC
- FEEADD
- FFF5EE
Ombre
- D18042
- B26D37
- 955A2C
- 784822
- 5D3618
- 43260F
- 2A1607
- 140802
- 030100
Toni
- E59355
- DA915C
- CF8F62
- C48E67
- B98C6C
- AD8A71
- A28775
- 978579
- 8C837D
Armonie di colore
Complementare +180°
- F0944D
Faded Orange
- 3EBAFA
≈ Megaman
Analogo -30° +30°
- F0944D
Faded Orange
- FA887E
≈ Congo Pink
- D5A62D
≈ Galliano
Triadico +120° +240°
- F0944D
Faded Orange
- 00CAAA
≈ Mint Leaf
- B69AFC
≈ Baby Purple
Complementare divisa +150° +210°
- F0944D
Faded Orange
- 00C4D5
≈ The Crowd Roars!
- 87ABFF
≈ Kitten’s Eye
Tetradico +90° +180° +270°
- F0944D
Faded Orange
- 6EC576
≈ Soft Green
- 3EBAFA
≈ Megaman
- DB8DDD
≈ Bright Lilac
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.32:1 · APCA Lc 45
Ag
AAASu nero
WCAG 9.04:1 · APCA Lc 57
Miglior colore del testo: #000000
WCAG 9.04:1 (AAA) · APCA Lc 57
Contrast pairs
Frammenti di codice
CSS
:root {
--faded-orange: #f0944d;
--faded-orange-rgb: 240 148 77;
--faded-orange-oklch: oklch(0.749 0.14 56);
}
.element {
color: var(--faded-orange);
background-color: hsl(26 84% 62%);
border-color: oklch(0.749 0.14 56);
}Tailwind CSS v4
@theme {
--color-faded-orange: #f0944d;
--color-faded-orange-50: #ffecce;
--color-faded-orange-100: #ffddba;
--color-faded-orange-200: #ffc699;
--color-faded-orange-300: #eda56d;
--color-faded-orange-400: #dc8644;
--color-faded-orange-500: #ca6800;
--color-faded-orange-600: #aa5904;
--color-faded-orange-700: #894706;
--color-faded-orange-800: #663205;
--color-faded-orange-900: #482204;
--color-faded-orange-950: #2f1100;
}SCSS
$faded-orange: #f0944d;
$faded-orange-rgb: 240, 148, 77;
$faded-orange-light: mix(#fff, $faded-orange, 20%);
$faded-orange-dark: mix(#000, $faded-orange, 20%);
.element {
color: $faded-orange;
box-shadow: 0 0 0 2px rgba($faded-orange, 0.35);
}