Benannte Farbe · #79483E
Fire Roasted
Fire Roasted ist #79483E: rgb(121 72 62), hsl(10 32% 36%), oklch(0.456 0.07 32.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Fire Roasted color name →
#79483E
oklch(0.456 0.07 32.3)
Farbumrechnungen
- HEX
- #79483e
- RGB
- rgb(121 72 62)
- HSL
- hsl(10 32% 36%)
- HWB
- hwb(10 24% 53%)
- OKLCH
- oklch(0.456 0.07 32.3)
- OKLab
- oklab(0.456 0.059 0.037)
- CIE Lab
- lab(36.35 20.62 15.35)
- LCH
- lch(36.35 25.71 36.7)
- CMYK
- cmyk(0% 40% 49% 53%)
Tints · Shades · Tones
Tints
- 86594F
- 946A61
- A17C74
- AF8E86
- BCA09A
- C9B2AD
- D7C5C1
- E4D8D5
- F2EBEA
Shades
- 683D35
- 58332B
- 482923
- 391F1A
- 2B1612
- 1D0D0A
- 100604
- 050201
- 010000
Tones
- 7A4E45
- 7B534B
- 7C5952
- 7D5F58
- 7E645F
- 7F6A65
- 7F6F6C
- 807573
- 807A79
Farbharmonien
Komplementär +180°
- 79483E
Fire Roasted
- 1B616E
≈ Excellence
Analog -30° +30°
- 79483E
Fire Roasted
- 774654
≈ Deep Carmine
- 734E2C
≈ Chocolate Rain
Triadisch +120° +240°
- 79483E
Fire Roasted
- 376244
≈ Black Pine Green
- 4A547E
≈ Mozart
Geteilt komplementär +150° +210°
- 79483E
Fire Roasted
- 1E645A
≈ Humboldt Redwoods
- 315C7B
≈ Dark Blue
Tetradisch +90° +180° +270°
- 79483E
Fire Roasted
- 505D30
≈ Woodman
- 1B616E
≈ Excellence
- 5E4D77
≈ Imperial Palace
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.47:1 · APCA Lc 86
Ag
FailAuf Schwarz
WCAG 2.80:1 · APCA Lc 16
Beste Textfarbe: #FFFFFF
WCAG 7.47:1 (AAA) · APCA Lc 86
Contrast pairs
Code-Snippets
CSS
:root {
--fire-roasted: #79483e;
--fire-roasted-rgb: 121 72 62;
--fire-roasted-oklch: oklch(0.456 0.07 32.3);
}
.element {
color: var(--fire-roasted);
background-color: hsl(10 32% 36%);
border-color: oklch(0.456 0.07 32.3);
}Tailwind CSS v4
@theme {
--color-fire-roasted: #79483e;
--color-fire-roasted-50: #ffefe8;
--color-fire-roasted-100: #fee0d9;
--color-fire-roasted-200: #f0cac1;
--color-fire-roasted-300: #d8aba0;
--color-fire-roasted-400: #c49085;
--color-fire-roasted-500: #af7569;
--color-fire-roasted-600: #946359;
--color-fire-roasted-700: #774f47;
--color-fire-roasted-800: #583934;
--color-fire-roasted-900: #3e2723;
--color-fire-roasted-950: #271512;
}SCSS
$fire-roasted: #79483e;
$fire-roasted-rgb: 121, 72, 62;
$fire-roasted-light: mix(#fff, $fire-roasted, 20%);
$fire-roasted-dark: mix(#000, $fire-roasted, 20%);
.element {
color: $fire-roasted;
box-shadow: 0 0 0 2px rgba($fire-roasted, 0.35);
}