Benannte Farbe · #8A3324
Burnt Umber
Burnt Umber ist #8A3324: rgb(138 51 36), hsl(9 59% 34%), oklch(0.443 0.122 32). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Burnt Umber color name →
#8A3324
oklch(0.443 0.122 32)
Farbumrechnungen
- HEX
- #8a3324
- RGB
- rgb(138 51 36)
- HSL
- hsl(9 59% 34%)
- HWB
- hwb(9 14% 46%)
- OKLCH
- oklch(0.443 0.122 32)
- OKLab
- oklab(0.443 0.104 0.065)
- CIE Lab
- lab(34.26 37.14 29.41)
- LCH
- lch(34.26 47.38 38.4)
- CMYK
- cmyk(0% 63% 74% 46%)
Tints · Shades · Tones
Tints
- 974839
- A45C4E
- B07063
- BD8378
- C8978D
- D4ACA3
- DFC0BA
- EAD5D0
- F5EAE7
Shades
- 772B1E
- 652318
- 531C12
- 42140C
- 320D07
- 220704
- 140302
- 070100
- 010000
Tones
- 8A3C2E
- 8A4538
- 8A4D41
- 8A554A
- 895C53
- 88645C
- 876B65
- 85726E
- 837977
Farbharmonien
Komplementär +180°
- 8A3324
Burnt Umber
- 005E6C
≈ Shaded Spruce
Analog -30° +30°
- 8A3324
Burnt Umber
- 87304E
≈ Anemone
- 7A4400
≈ Dusky Brown
Triadisch +120° +240°
- 8A3324
Burnt Umber
- 006531
≈ Treasured Wilderness
- 3D4C96
≈ Deep Ultramarine
Geteilt komplementär +150° +210°
- 8A3324
Burnt Umber
- 006157
≈ Empress Teal
- 005988
≈ Sea Cave
Tetradisch +90° +180° +270°
- 8A3324
Burnt Umber
- 4A5C00
≈ Kyuri Green
- 005E6C
≈ Shaded Spruce
- 603F8B
≈ Daisy Bush
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.14:1 · APCA Lc 87
Ag
FailAuf Schwarz
WCAG 2.57:1 · APCA Lc 15
Beste Textfarbe: #FFFFFF
WCAG 8.14:1 (AAA) · APCA Lc 87
Contrast pairs
Code-Snippets
CSS
:root {
--burnt-umber: #8a3324;
--burnt-umber-rgb: 138 51 36;
--burnt-umber-oklch: oklch(0.443 0.122 32);
}
.element {
color: var(--burnt-umber);
background-color: hsl(9 59% 34%);
border-color: oklch(0.443 0.122 32);
}Tailwind CSS v4
@theme {
--color-burnt-umber: #8a3324;
--color-burnt-umber-50: #ffe9de;
--color-burnt-umber-100: #ffdacd;
--color-burnt-umber-200: #ffc2b2;
--color-burnt-umber-300: #efa18e;
--color-burnt-umber-400: #dd8270;
--color-burnt-umber-500: #ca6451;
--color-burnt-umber-600: #ab5545;
--color-burnt-umber-700: #894437;
--color-burnt-umber-800: #663028;
--color-burnt-umber-900: #48211b;
--color-burnt-umber-950: #2f100b;
}SCSS
$burnt-umber: #8a3324;
$burnt-umber-rgb: 138, 51, 36;
$burnt-umber-light: mix(#fff, $burnt-umber, 20%);
$burnt-umber-dark: mix(#000, $burnt-umber, 20%);
.element {
color: $burnt-umber;
box-shadow: 0 0 0 2px rgba($burnt-umber, 0.35);
}