Colore con nome · #785246
Roasted
Roasted è #785246: rgb(120 82 70), hsl(14 26% 37%), oklch(0.477 0.055 38.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Roasted color name →
#785246
oklch(0.477 0.055 38.3)
Conversioni di colore
- HEX
- #785246
- RGB
- rgb(120 82 70)
- HSL
- hsl(14 26% 37%)
- HWB
- hwb(14 27% 53%)
- OKLCH
- oklch(0.477 0.055 38.3)
- OKLab
- oklab(0.477 0.043 0.034)
- CIE Lab
- lab(38.9 15.18 13.78)
- LCH
- lch(38.9 20.5 42.2)
- CMYK
- cmyk(0% 32% 42% 53%)
Tinte · Ombre · Toni
Tinte
- 856257
- 927268
- A0837A
- AD948C
- BBA59E
- C8B6B1
- D6C8C4
- E3DAD7
- F1ECEB
Ombre
- 67463C
- 573B32
- 482F28
- 39251E
- 2A1A15
- 1D110D
- 100805
- 050202
- 010000
Toni
- 79574C
- 7A5B51
- 7B6057
- 7C645D
- 7D6963
- 7E6E69
- 7E726E
- 7F7774
- 807B7A
Armonie di colore
Complementare +180°
- 785246
Roasted
- 366471
≈ Pedigree
Analogo -30° +30°
- 785246
Roasted
- 785057
≈ Stravinsky Pink
- 71573A
≈ Huckleberry Brown
Triadico +120° +240°
- 785246
Roasted
- 416651
≈ Isle of Pines
- 555A7C
≈ Deep Lavender
Complementare divisa +150° +210°
- 785246
Roasted
- 356762
≈ Seiheki Green
- 44607A
≈ Mountain River
Tetradico +90° +180° +270°
- 785246
Roasted
- 536341
≈ Cub Scout
- 366471
≈ Pedigree
- 655475
≈ Regal Gown
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.78:1 · APCA Lc 83
Ag
FailSu nero
WCAG 3.09:1 · APCA Lc 19
Miglior colore del testo: #FFFFFF
WCAG 6.78:1 (AA) · APCA Lc 83
Contrast pairs
Frammenti di codice
CSS
:root {
--roasted: #785246;
--roasted-rgb: 120 82 70;
--roasted-oklch: oklch(0.477 0.055 38.3);
}
.element {
color: var(--roasted);
background-color: hsl(14 26% 37%);
border-color: oklch(0.477 0.055 38.3);
}Tailwind CSS v4
@theme {
--color-roasted: #785246;
--color-roasted-50: #fff0ea;
--color-roasted-100: #f9e2da;
--color-roasted-200: #eacdc3;
--color-roasted-300: #d1afa3;
--color-roasted-400: #bc9487;
--color-roasted-500: #a77a6c;
--color-roasted-600: #8d675b;
--color-roasted-700: #715349;
--color-roasted-800: #543c35;
--color-roasted-900: #3a2924;
--color-roasted-950: #241713;
}SCSS
$roasted: #785246;
$roasted-rgb: 120, 82, 70;
$roasted-light: mix(#fff, $roasted, 20%);
$roasted-dark: mix(#000, $roasted, 20%);
.element {
color: $roasted;
box-shadow: 0 0 0 2px rgba($roasted, 0.35);
}