Benannte Farbe · #704341
Roast Coffee
Roast Coffee ist #704341: rgb(112 67 65), hsl(3 27% 35%), oklch(0.435 0.063 22.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Roast Coffee color name →
#704341
oklch(0.435 0.063 22.7)
Farbumrechnungen
- HEX
- #704341
- RGB
- rgb(112 67 65)
- HSL
- hsl(3 27% 35%)
- HWB
- hwb(3 25% 56%)
- OKLCH
- oklch(0.435 0.063 22.7)
- OKLab
- oklab(0.435 0.058 0.024)
- CIE Lab
- lab(33.88 19.79 9.9)
- LCH
- lch(33.88 22.13 26.6)
- CMYK
- cmyk(0% 40% 42% 56%)
Tints · Shades · Tones
Tints
- 7E5452
- 8C6663
- 9B7875
- A98A88
- B79D9B
- C5B0AE
- D4C3C2
- E2D7D6
- F0EBEA
Shades
- 603937
- 512F2E
- 432625
- 351D1C
- 271413
- 1A0C0B
- 0E0505
- 040101
- 010000
Tones
- 724947
- 744F4D
- 765553
- 785B5A
- 7A6160
- 7B6866
- 7D6E6D
- 7E7473
- 7F7A79
Farbharmonien
Komplementär +180°
- 704341
Roast Coffee
- 1C5B60
≈ Moonlit Pool
Analog -30° +30°
- 704341
Roast Coffee
- 6C4254
≈ Chilled Wine
- 6D4730
≈ Axe Handle
Triadisch +120° +240°
- 704341
Roast Coffee
- 3C5A3A
≈ Ficus
- 3F5174
≈ Astronaut
Geteilt komplementär +150° +210°
- 704341
Roast Coffee
- 265D4E
≈ Old Money
- 29576E
≈ Newport Grey
Tetradisch +90° +180° +270°
- 704341
Roast Coffee
- 52552A
≈ Private Green
- 1C5B60
≈ Moonlit Pool
- 524B71
≈ Harajuku Girl
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.17:1 · APCA Lc 88
Ag
FailAuf Schwarz
WCAG 2.56:1 · APCA Lc 14
Beste Textfarbe: #FFFFFF
WCAG 8.17:1 (AAA) · APCA Lc 88
Contrast pairs
Code-Snippets
CSS
:root {
--roast-coffee: #704341;
--roast-coffee-rgb: 112 67 65;
--roast-coffee-oklch: oklch(0.435 0.063 22.7);
}
.element {
color: var(--roast-coffee);
background-color: hsl(3 27% 35%);
border-color: oklch(0.435 0.063 22.7);
}Tailwind CSS v4
@theme {
--color-roast-coffee: #704341;
--color-roast-coffee-50: #ffefec;
--color-roast-coffee-100: #fde0dd;
--color-roast-coffee-200: #eecbc7;
--color-roast-coffee-300: #d6aca7;
--color-roast-coffee-400: #c1908d;
--color-roast-coffee-500: #ac7673;
--color-roast-coffee-600: #916461;
--color-roast-coffee-700: #75504e;
--color-roast-coffee-800: #563a39;
--color-roast-coffee-900: #3c2827;
--color-roast-coffee-950: #261615;
}SCSS
$roast-coffee: #704341;
$roast-coffee-rgb: 112, 67, 65;
$roast-coffee-light: mix(#fff, $roast-coffee, 20%);
$roast-coffee-dark: mix(#000, $roast-coffee, 20%);
.element {
color: $roast-coffee;
box-shadow: 0 0 0 2px rgba($roast-coffee, 0.35);
}