Benannte Farbe · #884736
Burning Brier
Burning Brier ist #884736: rgb(136 71 54), hsl(12 43% 37%), oklch(0.474 0.093 35.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Burning Brier color name →
#884736
oklch(0.474 0.093 35.6)
Farbumrechnungen
- HEX
- #884736
- RGB
- rgb(136 71 54)
- HSL
- hsl(12 43% 37%)
- HWB
- hwb(12 21% 47%)
- OKLCH
- oklch(0.474 0.093 35.6)
- OKLab
- oklab(0.474 0.076 0.054)
- CIE Lab
- lab(38.23 27.08 23.17)
- LCH
- lch(38.23 35.64 40.5)
- CMYK
- cmyk(0% 48% 60% 47%)
Tints · Shades · Tones
Tints
- 955949
- A16A5C
- AD7C6F
- B98E82
- C5A096
- D1B3AA
- DDC5BF
- E8D8D4
- F4ECE9
Shades
- 753D2E
- 633225
- 52281E
- 411F16
- 31160F
- 220D08
- 130603
- 060201
- 010000
Tones
- 884D3E
- 885345
- 88594D
- 875F54
- 86655B
- 866A63
- 85706A
- 837571
- 827B79
Farbharmonien
Komplementär +180°
- 884736
Burning Brier
- 00677A
≈ Workshop Blue
Analog -30° +30°
- 884736
Burning Brier
- 874454
≈ Dark Earth
- 7F5018
≈ Medium Brown
Triadisch +120° +240°
- 884736
Burning Brier
- 276B45
≈ Billiard Ball
- 4E5690
≈ Onion Skin Blue
Geteilt komplementär +150° +210°
- 884736
Burning Brier
- 006B63
≈ Fashion Blue
- 28608D
≈ Bay Site
Tetradisch +90° +180° +270°
- 884736
Burning Brier
- 4F6525
≈ Tabbouleh Green
- 00677A
≈ Workshop Blue
- 694D85
≈ Zimidar
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.99:1 · APCA Lc 84
Ag
FailAuf Schwarz
WCAG 3.00:1 · APCA Lc 18
Beste Textfarbe: #FFFFFF
WCAG 6.99:1 (AA) · APCA Lc 84
Contrast pairs
Code-Snippets
CSS
:root {
--burning-brier: #884736;
--burning-brier-rgb: 136 71 54;
--burning-brier-oklch: oklch(0.474 0.093 35.6);
}
.element {
color: var(--burning-brier);
background-color: hsl(12 43% 37%);
border-color: oklch(0.474 0.093 35.6);
}Tailwind CSS v4
@theme {
--color-burning-brier: #884736;
--color-burning-brier-50: #ffede2;
--color-burning-brier-100: #ffded2;
--color-burning-brier-200: #f9c7b8;
--color-burning-brier-300: #e2a795;
--color-burning-brier-400: #cf8b78;
--color-burning-brier-500: #bb6f5b;
--color-burning-brier-600: #9e5e4d;
--color-burning-brier-700: #7f4b3d;
--color-burning-brier-800: #5e362d;
--color-burning-brier-900: #42251e;
--color-burning-brier-950: #2a130e;
}SCSS
$burning-brier: #884736;
$burning-brier-rgb: 136, 71, 54;
$burning-brier-light: mix(#fff, $burning-brier, 20%);
$burning-brier-dark: mix(#000, $burning-brier, 20%);
.element {
color: $burning-brier;
box-shadow: 0 0 0 2px rgba($burning-brier, 0.35);
}