Benannte Farbe · #8D4035
Burnt Henna
Burnt Henna ist #8D4035: rgb(141 64 53), hsl(7 45% 38%), oklch(0.47 0.107 29.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Burnt Henna color name →
#8D4035
oklch(0.47 0.107 29.9)
Farbumrechnungen
- HEX
- #8d4035
- RGB
- rgb(141 64 53)
- HSL
- hsl(7 45% 38%)
- HWB
- hwb(7 21% 45%)
- OKLCH
- oklch(0.47 0.107 29.9)
- OKLab
- oklab(0.47 0.093 0.054)
- CIE Lab
- lab(37.51 32.75 23.11)
- LCH
- lch(37.51 40.08 35.2)
- CMYK
- cmyk(0% 55% 62% 45%)
Tints · Shades · Tones
Tints
- 9A5348
- A6655B
- B2786E
- BD8A81
- C99D95
- D4B0AA
- DFC4BF
- EAD7D4
- F5EBE9
Shades
- 7A362D
- 672D25
- 55241D
- 441B15
- 33130E
- 230B08
- 140503
- 070101
- 010000
Tones
- 8D473D
- 8C4E44
- 8C554C
- 8B5B53
- 8A625B
- 886862
- 876E6A
- 857471
- 837A79
Farbharmonien
Komplementär +180°
- 8D4035
Burnt Henna
- 006774
≈ Bankson Lake
Analog -30° +30°
- 8D4035
Burnt Henna
- 893E58
≈ Ancient Royal Banner
- 854A06
≈ Dried Mustard
Triadisch +120° +240°
- 8D4035
Burnt Henna
- 236B39
≈ Camarone
- 435697
≈ Nuthatch Back
Geteilt komplementär +150° +210°
- 8D4035
Burnt Henna
- 006A5C
≈ Fresh Ivy Green
- 016190
≈ Felix
Tetradisch +90° +180° +270°
- 8D4035
Burnt Henna
- 536309
≈ Forestial Outpost
- 006774
≈ Bankson Lake
- 644B8D
≈ Violet Majesty
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.19:1 · APCA Lc 84
Ag
FailAuf Schwarz
WCAG 2.91:1 · APCA Lc 17
Beste Textfarbe: #FFFFFF
WCAG 7.19:1 (AAA) · APCA Lc 84
Contrast pairs
Code-Snippets
CSS
:root {
--burnt-henna: #8d4035;
--burnt-henna-rgb: 141 64 53;
--burnt-henna-oklch: oklch(0.47 0.107 29.9);
}
.element {
color: var(--burnt-henna);
background-color: hsl(7 45% 38%);
border-color: oklch(0.47 0.107 29.9);
}Tailwind CSS v4
@theme {
--color-burnt-henna: #8d4035;
--color-burnt-henna-50: #ffebe2;
--color-burnt-henna-100: #ffdcd2;
--color-burnt-henna-200: #ffc4b8;
--color-burnt-henna-300: #e9a395;
--color-burnt-henna-400: #d68679;
--color-burnt-henna-500: #c3695b;
--color-burnt-henna-600: #a5594d;
--color-burnt-henna-700: #84473d;
--color-burnt-henna-800: #62332d;
--color-burnt-henna-900: #45231e;
--color-burnt-henna-950: #2d110e;
}SCSS
$burnt-henna: #8d4035;
$burnt-henna-rgb: 141, 64, 53;
$burnt-henna-light: mix(#fff, $burnt-henna, 20%);
$burnt-henna-dark: mix(#000, $burnt-henna, 20%);
.element {
color: $burnt-henna;
box-shadow: 0 0 0 2px rgba($burnt-henna, 0.35);
}