Benannte Farbe · #6F4136
Rich Chocolate
Rich Chocolate ist #6F4136: rgb(111 65 54), hsl(12 35% 32%), oklch(0.427 0.067 34.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Rich Chocolate color name →
#6F4136
oklch(0.427 0.067 34.3)
Farbumrechnungen
- HEX
- #6f4136
- RGB
- rgb(111 65 54)
- HSL
- hsl(12 35% 32%)
- HWB
- hwb(12 21% 56%)
- OKLCH
- oklch(0.427 0.067 34.3)
- OKLab
- oklab(0.427 0.055 0.038)
- CIE Lab
- lab(33.03 19.57 15.66)
- LCH
- lch(33.03 25.06 38.7)
- CMYK
- cmyk(0% 41% 51% 56%)
Tints · Shades · Tones
Tints
- 7D5248
- 8C645A
- 9A766D
- A88981
- B79C95
- C5AFA9
- D3C2BE
- E2D6D3
- F0EAE9
Shades
- 60372E
- 512E25
- 42251E
- 341C16
- 27130F
- 1A0B08
- 0E0503
- 040101
- 010000
Tones
- 71473D
- 734E45
- 75544C
- 775A53
- 79615A
- 7B6762
- 7C6D69
- 7E7371
- 7F7A78
Farbharmonien
Komplementär +180°
- 6F4136
Rich Chocolate
- 165866
≈ Baltic Trench
Analog -30° +30°
- 6F4136
Rich Chocolate
- 6E3F4B
≈ Cryptic Light
- 694725
≈ Hickory Chips
Triadisch +120° +240°
- 6F4136
Rich Chocolate
- 2F5A3E
≈ Greenbriar
- 444C74
≈ Takaka
Geteilt komplementär +150° +210°
- 6F4136
Rich Chocolate
- 175B53
≈ Forest Biome
- 2C5371
≈ Diver Lady
Tetradisch +90° +180° +270°
- 6F4136
Rich Chocolate
- 47552B
≈ Trefoil
- 165866
≈ Baltic Trench
- 57466D
≈ Purple Feather
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.44:1 · APCA Lc 89
Ag
FailAuf Schwarz
WCAG 2.48:1 · APCA Lc 13
Beste Textfarbe: #FFFFFF
WCAG 8.44:1 (AAA) · APCA Lc 89
Contrast pairs
Code-Snippets
CSS
:root {
--rich-chocolate: #6f4136;
--rich-chocolate-rgb: 111 65 54;
--rich-chocolate-oklch: oklch(0.427 0.067 34.3);
}
.element {
color: var(--rich-chocolate);
background-color: hsl(12 35% 32%);
border-color: oklch(0.427 0.067 34.3);
}Tailwind CSS v4
@theme {
--color-rich-chocolate: #6f4136;
--color-rich-chocolate-50: #ffefe8;
--color-rich-chocolate-100: #fde1d9;
--color-rich-chocolate-200: #efcbc1;
--color-rich-chocolate-300: #d7aca0;
--color-rich-chocolate-400: #c39184;
--color-rich-chocolate-500: #ae7668;
--color-rich-chocolate-600: #936459;
--color-rich-chocolate-700: #765047;
--color-rich-chocolate-800: #573a34;
--color-rich-chocolate-900: #3d2823;
--color-rich-chocolate-950: #261612;
}SCSS
$rich-chocolate: #6f4136;
$rich-chocolate-rgb: 111, 65, 54;
$rich-chocolate-light: mix(#fff, $rich-chocolate, 20%);
$rich-chocolate-dark: mix(#000, $rich-chocolate, 20%);
.element {
color: $rich-chocolate;
box-shadow: 0 0 0 2px rgba($rich-chocolate, 0.35);
}