Benannte Farbe · #8B664E
Burnished Brandy
Burnished Brandy ist #8B664E: rgb(139 102 78), hsl(24 28% 43%), oklch(0.542 0.06 54.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Burnished Brandy color name →
#8B664E
oklch(0.542 0.06 54.1)
Farbumrechnungen
- HEX
- #8b664e
- RGB
- rgb(139 102 78)
- HSL
- hsl(24 28% 43%)
- HWB
- hwb(24 31% 45%)
- OKLCH
- oklch(0.542 0.06 54.1)
- OKLab
- oklab(0.542 0.035 0.048)
- CIE Lab
- lab(46.62 12.98 19.71)
- LCH
- lch(46.62 23.6 56.6)
- CMYK
- cmyk(0% 27% 44% 45%)
Tints · Shades · Tones
Tints
- 96745F
- A2836F
- AD9280
- B9A192
- C4B0A3
- D0BFB5
- DCCFC7
- E7DFD9
- F3EFEC
Shades
- 785843
- 664A38
- 543C2D
- 432F23
- 322319
- 23170F
- 140C07
- 070402
- 010000
Tones
- 8A6953
- 896B58
- 886E5D
- 877162
- 867367
- 85766C
- 847871
- 837B76
- 817E7B
Farbharmonien
Komplementär +180°
- 8B664E
Burnished Brandy
- 4B758D
≈ Metallic Blue
Analog -30° +30°
- 8B664E
Burnished Brandy
- 8F625E
≈ Canyon Stone
- 806D46
≈ Mossy Shade
Triadisch +120° +240°
- 8B664E
Burnished Brandy
- 487B6D
≈ Hooker’s Green
- 71698F
≈ Purple Grapes
Geteilt komplementär +150° +210°
- 8B664E
Burnished Brandy
- 427A7F
≈ Grand Canal
- 5E6F93
≈ Haunt Mist
Tetradisch +90° +180° +270°
- 8B664E
Burnished Brandy
- 5A7959
≈ Seaweed Tea
- 4B758D
≈ Metallic Blue
- 816483
≈ Grape Jelly
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.11:1 · APCA Lc 75
Ag
FailAuf Schwarz
WCAG 4.10:1 · APCA Lc 27
Beste Textfarbe: #FFFFFF
WCAG 5.11:1 (AA) · APCA Lc 75
Contrast pairs
Code-Snippets
CSS
:root {
--burnished-brandy: #8b664e;
--burnished-brandy-rgb: 139 102 78;
--burnished-brandy-oklch: oklch(0.542 0.06 54.1);
}
.element {
color: var(--burnished-brandy);
background-color: hsl(24 28% 43%);
border-color: oklch(0.542 0.06 54.1);
}Tailwind CSS v4
@theme {
--color-burnished-brandy: #8b664e;
--color-burnished-brandy-50: #fff1e5;
--color-burnished-brandy-100: #f8e3d5;
--color-burnished-brandy-200: #e9cebc;
--color-burnished-brandy-300: #d0b09b;
--color-burnished-brandy-400: #bb957d;
--color-burnished-brandy-500: #a67c60;
--color-burnished-brandy-600: #8c6952;
--color-burnished-brandy-700: #705441;
--color-burnished-brandy-800: #533d2f;
--color-burnished-brandy-900: #3a2a20;
--color-burnished-brandy-950: #241710;
}SCSS
$burnished-brandy: #8b664e;
$burnished-brandy-rgb: 139, 102, 78;
$burnished-brandy-light: mix(#fff, $burnished-brandy, 20%);
$burnished-brandy-dark: mix(#000, $burnished-brandy, 20%);
.element {
color: $burnished-brandy;
box-shadow: 0 0 0 2px rgba($burnished-brandy, 0.35);
}