Benannte Farbe · #D8CBB5
Brown Mouse
Brown Mouse ist #D8CBB5: rgb(216 203 181), hsl(38 31% 78%), oklch(0.847 0.033 81). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Brown Mouse color name →
#D8CBB5
oklch(0.847 0.033 81)
Farbumrechnungen
- HEX
- #d8cbb5
- RGB
- rgb(216 203 181)
- HSL
- hsl(38 31% 78%)
- HWB
- hwb(38 71% 15%)
- OKLCH
- oklch(0.847 0.033 81)
- OKLab
- oklab(0.847 0.005 0.033)
- CIE Lab
- lab(82.32 2.01 12.73)
- LCH
- lch(82.32 12.89 81)
- CMYK
- cmyk(0% 6% 16% 15%)
Tints · Shades · Tones
Tints
- DCD0BC
- E0D5C4
- E4DACB
- E8E0D2
- EBE5DA
- EFEAE1
- F3EFE9
- F7F4F0
- FBFAF7
Shades
- BCB09D
- A09686
- 857D6F
- 6B6559
- 534D44
- 3B3730
- 25221D
- 110F0C
- 020202
Tones
- CFC3B0
- C6BCAA
- BDB4A5
- B4ACA0
- ABA59A
- A29D95
- 9A9690
- 918F8A
- 888785
Farbharmonien
Komplementär +180°
- D8CBB5
Brown Mouse
- C1CDE3
≈ Periwinkle Grey
Analog -30° +30°
- D8CBB5
Brown Mouse
- DFC7BA
≈ Pale Sienna
- CDCFB7
≈ Sweet Surrender
Triadisch +120° +240°
- D8CBB5
Brown Mouse
- B5D4D6
≈ Pocket Lint
- D7C6DA
≈ Prudence
Geteilt komplementär +150° +210°
- D8CBB5
Brown Mouse
- B8D1DF
≈ Delicate Ice
- CCC9E1
≈ Opus
Tetradisch +90° +180° +270°
- D8CBB5
Brown Mouse
- B8D4CA
≈ Sage Bundle
- C1CDE3
≈ Periwinkle Grey
- DFC4CF
≈ Elusive Mauve
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.59:1 · APCA Lc 27
Ag
AAAAuf Schwarz
WCAG 13.12:1 · APCA Lc 76
Beste Textfarbe: #000000
WCAG 13.12:1 (AAA) · APCA Lc 76
Contrast pairs
Code-Snippets
CSS
:root {
--brown-mouse: #d8cbb5;
--brown-mouse-rgb: 216 203 181;
--brown-mouse-oklch: oklch(0.847 0.033 81);
}
.element {
color: var(--brown-mouse);
background-color: hsl(38 31% 78%);
border-color: oklch(0.847 0.033 81);
}Tailwind CSS v4
@theme {
--color-brown-mouse: #d8cbb5;
--color-brown-mouse-50: #faf4eb;
--color-brown-mouse-100: #ede7dc;
--color-brown-mouse-200: #dbd3c5;
--color-brown-mouse-300: #c0b6a5;
--color-brown-mouse-400: #a99d89;
--color-brown-mouse-500: #92846e;
--color-brown-mouse-600: #7b705d;
--color-brown-mouse-700: #635a4a;
--color-brown-mouse-800: #494136;
--color-brown-mouse-900: #322d25;
--color-brown-mouse-950: #1e1a13;
}SCSS
$brown-mouse: #d8cbb5;
$brown-mouse-rgb: 216, 203, 181;
$brown-mouse-light: mix(#fff, $brown-mouse, 20%);
$brown-mouse-dark: mix(#000, $brown-mouse, 20%);
.element {
color: $brown-mouse;
box-shadow: 0 0 0 2px rgba($brown-mouse, 0.35);
}