Benannte Farbe · #D3B793
Brown Hare
Brown Hare ist #D3B793: rgb(211 183 147), hsl(34 42% 70%), oklch(0.795 0.058 73.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Brown Hare color name →
#D3B793
oklch(0.795 0.058 73.8)
Farbumrechnungen
- HEX
- #d3b793
- RGB
- rgb(211 183 147)
- HSL
- hsl(34 42% 70%)
- HWB
- hwb(34 58% 17%)
- OKLCH
- oklch(0.795 0.058 73.8)
- OKLab
- oklab(0.795 0.016 0.056)
- CIE Lab
- lab(76.2 6.47 22.27)
- LCH
- lch(76.2 23.19 73.8)
- CMYK
- cmyk(0% 13% 30% 17%)
Tints · Shades · Tones
Tints
- D7BE9E
- DCC5A8
- E0CCB3
- E5D4BE
- E9DBC9
- EEE2D3
- F2E9DE
- F6F0E9
- FBF8F4
Shades
- B79F7F
- 9C876C
- 827059
- 695A47
- 514536
- 3A3125
- 241E16
- 100C08
- 020201
Tones
- CAB191
- C2AC90
- B9A68E
- B1A18C
- A99B8A
- A19688
- 989086
- 908B84
- 888582
Farbharmonien
Komplementär +180°
- D3B793
Brown Hare
- A3BFE1
≈ Artesian Pool
Analog -30° +30°
- D3B793
Brown Hare
- DDB19E
≈ Pink Sand
- C2BE93
≈ Candidate
Triadisch +120° +240°
- D3B793
Brown Hare
- 90C8C7
≈ Embellished Blue
- CAB1D7
≈ Sea Lavender
Geteilt komplementär +150° +210°
- D3B793
Brown Hare
- 94C5D8
≈ Blue Glint
- B7B8E1
≈ Wild Orchid Blue
Tetradisch +90° +180° +270°
- D3B793
Brown Hare
- 9AC8B2
≈ Lobaria Lichen
- A3BFE1
≈ Artesian Pool
- D8AEC5
≈ Pink Lavender
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.91:1 · APCA Lc 37
Ag
AAAAuf Schwarz
WCAG 10.96:1 · APCA Lc 66
Beste Textfarbe: #000000
WCAG 10.96:1 (AAA) · APCA Lc 66
Contrast pairs
Code-Snippets
CSS
:root {
--brown-hare: #d3b793;
--brown-hare-rgb: 211 183 147;
--brown-hare-oklch: oklch(0.795 0.058 73.8);
}
.element {
color: var(--brown-hare);
background-color: hsl(34 42% 70%);
border-color: oklch(0.795 0.058 73.8);
}Tailwind CSS v4
@theme {
--color-brown-hare: #d3b793;
--color-brown-hare-50: #fff3e3;
--color-brown-hare-100: #f3e6d3;
--color-brown-hare-200: #e3d1b9;
--color-brown-hare-300: #c9b497;
--color-brown-hare-400: #b49a78;
--color-brown-hare-500: #9e815a;
--color-brown-hare-600: #856d4d;
--color-brown-hare-700: #6b573d;
--color-brown-hare-800: #4f3f2c;
--color-brown-hare-900: #372c1e;
--color-brown-hare-950: #22190e;
}SCSS
$brown-hare: #d3b793;
$brown-hare-rgb: 211, 183, 147;
$brown-hare-light: mix(#fff, $brown-hare, 20%);
$brown-hare-dark: mix(#000, $brown-hare, 20%);
.element {
color: $brown-hare;
box-shadow: 0 0 0 2px rgba($brown-hare, 0.35);
}