Colore con nome · #F8A060
Brushed Orange
Brushed Orange è #F8A060: rgb(248 160 96), hsl(25 92% 67%), oklch(0.782 0.132 55.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Brushed Orange color name →
#F8A060
oklch(0.782 0.132 55.4)
Conversioni di colore
- HEX
- #f8a060
- RGB
- rgb(248 160 96)
- HSL
- hsl(25 92% 67%)
- HWB
- hwb(25 38% 3%)
- OKLCH
- oklch(0.782 0.132 55.4)
- OKLab
- oklab(0.782 0.075 0.109)
- CIE Lab
- lab(74.06 29.33 47.05)
- LCH
- lch(74.06 55.45 58.1)
- CMYK
- cmyk(0% 35% 61% 3%)
Tinte · Ombre · Toni
Tinte
- FAAA72
- FBB482
- FCBD92
- FDC7A2
- FED0B2
- FFDAC1
- FFE3D1
- FFECE0
- FFF6F0
Ombre
- D88B52
- B87645
- 9A6138
- 7C4E2C
- 603B20
- 452915
- 2C190A
- 150903
- 030100
Toni
- EC9D65
- E09A6A
- D4976E
- C89471
- BC9174
- B08E77
- A48B7A
- 98877C
- 8C847E
Armonie di colore
Complementare +180°
- F8A060
Brushed Orange
- 57C4FF
≈ Blue Mana
Analogo -30° +30°
- F8A060
Brushed Orange
- FF968E
≈ Lolly
- DEB147
≈ Honey Grove
Triadico +120° +240°
- F8A060
Brushed Orange
- 3DD3B4
≈ Simply Aqua
- BEA7FF
≈ Diva
Complementare divisa +150° +210°
- F8A060
Brushed Orange
- 11CFE0
≈ Aztec Turquoise
- 96B6FF
≈ Truesky Gloxym
Tetradico +90° +180° +270°
- F8A060
Brushed Orange
- 7ECE83
≈ Jube Green
- 57C4FF
≈ Blue Mana
- E399E6
≈ Love Dust
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.06:1 · APCA Lc 40
Ag
AAASu nero
WCAG 10.18:1 · APCA Lc 62
Miglior colore del testo: #000000
WCAG 10.18:1 (AAA) · APCA Lc 62
Contrast pairs
Frammenti di codice
CSS
:root {
--brushed-orange: #f8a060;
--brushed-orange-rgb: 248 160 96;
--brushed-orange-oklch: oklch(0.782 0.132 55.4);
}
.element {
color: var(--brushed-orange);
background-color: hsl(25 92% 67%);
border-color: oklch(0.782 0.132 55.4);
}Tailwind CSS v4
@theme {
--color-brushed-orange: #f8a060;
--color-brushed-orange-50: #ffedd1;
--color-brushed-orange-100: #ffdebd;
--color-brushed-orange-200: #ffc79d;
--color-brushed-orange-300: #eba672;
--color-brushed-orange-400: #d9884c;
--color-brushed-orange-500: #c66a17;
--color-brushed-orange-600: #a85b18;
--color-brushed-orange-700: #874813;
--color-brushed-orange-800: #65330d;
--color-brushed-orange-900: #472308;
--color-brushed-orange-950: #2e1200;
}SCSS
$brushed-orange: #f8a060;
$brushed-orange-rgb: 248, 160, 96;
$brushed-orange-light: mix(#fff, $brushed-orange, 20%);
$brushed-orange-dark: mix(#000, $brushed-orange, 20%);
.element {
color: $brushed-orange;
box-shadow: 0 0 0 2px rgba($brushed-orange, 0.35);
}