Benannte Farbe · #745342
Rich Mocha
Rich Mocha ist #745342: rgb(116 83 66), hsl(20 27% 36%), oklch(0.473 0.052 48.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Rich Mocha color name →
#745342
oklch(0.473 0.052 48.3)
Farbumrechnungen
- HEX
- #745342
- RGB
- rgb(116 83 66)
- HSL
- hsl(20 27% 36%)
- HWB
- hwb(20 26% 55%)
- OKLCH
- oklch(0.473 0.052 48.3)
- OKLab
- oklab(0.473 0.034 0.039)
- CIE Lab
- lab(38.58 12.46 15.69)
- LCH
- lch(38.58 20.03 51.5)
- CMYK
- cmyk(0% 28% 43% 55%)
Tints · Shades · Tones
Tints
- 816353
- 8F7365
- 9D8377
- AA9489
- B8A59C
- C6B7AF
- D4C8C3
- E2DAD6
- F1EDEB
Shades
- 644738
- 543B2F
- 453025
- 37251C
- 291B14
- 1B110B
- 0F0805
- 050201
- 010000
Tones
- 755848
- 775C4E
- 786154
- 7A655B
- 7B6961
- 7C6E67
- 7D726D
- 7E7773
- 7F7B7A
Farbharmonien
Komplementär +180°
- 745342
Rich Mocha
- 3B6273
≈ Bermudan Blue
Analog -30° +30°
- 745342
Rich Mocha
- 765050
≈ Veil of Cinder
- 6C583A
≈ Pimento Grain Brown
Triadisch +120° +240°
- 745342
Rich Mocha
- 3D6556
≈ Isle of Pines
- 5A5777
≈ The Fang
Geteilt komplementär +150° +210°
- 745342
Rich Mocha
- 356566
≈ Pyrite Green
- 4A5D79
≈ Stream
Tetradisch +90° +180° +270°
- 745342
Rich Mocha
- 4D6346
≈ Tom Thumb
- 3B6273
≈ Bermudan Blue
- 68536F
≈ Medicine Man
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.86:1 · APCA Lc 84
Ag
FailAuf Schwarz
WCAG 3.05:1 · APCA Lc 18
Beste Textfarbe: #FFFFFF
WCAG 6.86:1 (AA) · APCA Lc 84
Contrast pairs
Code-Snippets
CSS
:root {
--rich-mocha: #745342;
--rich-mocha-rgb: 116 83 66;
--rich-mocha-oklch: oklch(0.473 0.052 48.3);
}
.element {
color: var(--rich-mocha);
background-color: hsl(20 27% 36%);
border-color: oklch(0.473 0.052 48.3);
}Tailwind CSS v4
@theme {
--color-rich-mocha: #745342;
--color-rich-mocha-50: #fff1e8;
--color-rich-mocha-100: #f7e3d9;
--color-rich-mocha-200: #e7cec1;
--color-rich-mocha-300: #ceb0a0;
--color-rich-mocha-400: #b99684;
--color-rich-mocha-500: #a37c68;
--color-rich-mocha-600: #8a6959;
--color-rich-mocha-700: #6f5447;
--color-rich-mocha-800: #523d33;
--color-rich-mocha-900: #392a23;
--color-rich-mocha-950: #231712;
}SCSS
$rich-mocha: #745342;
$rich-mocha-rgb: 116, 83, 66;
$rich-mocha-light: mix(#fff, $rich-mocha, 20%);
$rich-mocha-dark: mix(#000, $rich-mocha, 20%);
.element {
color: $rich-mocha;
box-shadow: 0 0 0 2px rgba($rich-mocha, 0.35);
}