Benannte Farbe · #B86D29
Brown Alpaca
Brown Alpaca ist #B86D29: rgb(184 109 41), hsl(29 64% 44%), oklch(0.606 0.124 58.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Brown Alpaca color name →
#B86D29
oklch(0.606 0.124 58.6)
Farbumrechnungen
- HEX
- #b86d29
- RGB
- rgb(184 109 41)
- HSL
- hsl(29 64% 44%)
- HWB
- hwb(29 16% 28%)
- OKLCH
- oklch(0.606 0.124 58.6)
- OKLab
- oklab(0.606 0.065 0.106)
- CIE Lab
- lab(53.77 26.8 49.02)
- LCH
- lch(53.77 55.86 61.3)
- CMYK
- cmyk(0% 41% 78% 28%)
Tints · Shades · Tones
Tints
- C07C43
- C88A59
- CF996E
- D7A783
- DEB697
- E5C4AC
- ECD3C0
- F2E1D5
- F9F0EA
Shades
- A05E22
- 884F1C
- 714115
- 5B330F
- 452609
- 311905
- 1E0D02
- 0C0401
- 020100
Tones
- B37036
- AE7241
- A8744B
- A37653
- 9E785C
- 987A63
- 927C6B
- 8C7D72
- 867F79
Farbharmonien
Komplementär +180°
- B86D29
Brown Alpaca
- 228BC4
≈ Cyan Cornflower Blue
Analog -30° +30°
- B86D29
Brown Alpaca
- C16256
≈ Barbecue
- A07D00
≈ Hornet Yellow
Triadisch +120° +240°
- B86D29
Brown Alpaca
- 009783
≈ Approval Green
- 8C70C2
≈ Middle Blue Purple
Geteilt komplementär +150° +210°
- B86D29
Brown Alpaca
- 0093A3
≈ Oasis
- 637DCC
≈ Indigo Light
Tetradisch +90° +180° +270°
- B86D29
Brown Alpaca
- 459656
≈ Alpine Herbs
- 228BC4
≈ Cyan Cornflower Blue
- AA65A7
≈ Iris Orchid
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.99:1 · APCA Lc 67
Ag
AAAuf Schwarz
WCAG 5.25:1 · APCA Lc 35
Beste Textfarbe: #000000
WCAG 5.25:1 (AA) · APCA Lc 35
Contrast pairs
Code-Snippets
CSS
:root {
--brown-alpaca: #b86d29;
--brown-alpaca-rgb: 184 109 41;
--brown-alpaca-oklch: oklch(0.606 0.124 58.6);
}
.element {
color: var(--brown-alpaca);
background-color: hsl(29 64% 44%);
border-color: oklch(0.606 0.124 58.6);
}Tailwind CSS v4
@theme {
--color-brown-alpaca: #b86d29;
--color-brown-alpaca-50: #ffeed2;
--color-brown-alpaca-100: #ffdfbf;
--color-brown-alpaca-200: #fcc89e;
--color-brown-alpaca-300: #e6a875;
--color-brown-alpaca-400: #d58b4e;
--color-brown-alpaca-500: #c16e1d;
--color-brown-alpaca-600: #a35e1c;
--color-brown-alpaca-700: #834b16;
--color-brown-alpaca-800: #62350f;
--color-brown-alpaca-900: #45250a;
--color-brown-alpaca-950: #2c1300;
}SCSS
$brown-alpaca: #b86d29;
$brown-alpaca-rgb: 184, 109, 41;
$brown-alpaca-light: mix(#fff, $brown-alpaca, 20%);
$brown-alpaca-dark: mix(#000, $brown-alpaca, 20%);
.element {
color: $brown-alpaca;
box-shadow: 0 0 0 2px rgba($brown-alpaca, 0.35);
}