Benannte Farbe · #785246
Roasted
Roasted ist #785246: rgb(120 82 70), hsl(14 26% 37%), oklch(0.477 0.055 38.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Roasted color name →
#785246
oklch(0.477 0.055 38.3)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- 856257
- 927268
- A0837A
- AD948C
- BBA59E
- C8B6B1
- D6C8C4
- E3DAD7
- F1ECEB
Shades
- 67463C
- 573B32
- 482F28
- 39251E
- 2A1A15
- 1D110D
- 100805
- 050202
- 010000
Tones
- 79574C
- 7A5B51
- 7B6057
- 7C645D
- 7D6963
- 7E6E69
- 7E726E
- 7F7774
- 807B7A
Farbharmonien
Komplementär +180°
- 785246
Roasted
- 366471
≈ Pedigree
Analog -30° +30°
- 785246
Roasted
- 785057
≈ Stravinsky Pink
- 71573A
≈ Huckleberry Brown
Triadisch +120° +240°
- 785246
Roasted
- 416651
≈ Isle of Pines
- 555A7C
≈ Deep Lavender
Geteilt komplementär +150° +210°
- 785246
Roasted
- 356762
≈ Seiheki Green
- 44607A
≈ Mountain River
Tetradisch +90° +180° +270°
- 785246
Roasted
- 536341
≈ Cub Scout
- 366471
≈ Pedigree
- 655475
≈ Regal Gown
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.78:1 · APCA Lc 83
Ag
FailAuf Schwarz
WCAG 3.09:1 · APCA Lc 19
Beste Textfarbe: #FFFFFF
WCAG 6.78:1 (AA) · APCA Lc 83
Contrast pairs
Code-Snippets
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);
}