Benannte Farbe · #6E5043
Moroccan Henna
Moroccan Henna ist #6E5043: rgb(110 80 67), hsl(18 24% 35%), oklch(0.46 0.046 44.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Moroccan Henna color name →
#6E5043
oklch(0.46 0.046 44.5)
Farbumrechnungen
- HEX
- #6e5043
- RGB
- rgb(110 80 67)
- HSL
- hsl(18 24% 35%)
- HWB
- hwb(18 26% 57%)
- OKLCH
- oklch(0.46 0.046 44.5)
- OKLab
- oklab(0.46 0.033 0.032)
- CIE Lab
- lab(37.04 11.58 12.87)
- LCH
- lch(37.04 17.32 48)
- CMYK
- cmyk(0% 27% 39% 57%)
Tints · Shades · Tones
Tints
- 7C6054
- 8A7065
- 988177
- A69289
- B5A39C
- C3B5AF
- D2C7C3
- E1DAD6
- F0ECEB
Shades
- 5F4439
- 50392F
- 412E26
- 33241D
- 261A14
- 19100C
- 0E0705
- 040201
- 010000
Tones
- 705549
- 725A4F
- 745E55
- 76635B
- 786861
- 796D67
- 7B716D
- 7D7674
- 7E7B7A
Farbharmonien
Komplementär +180°
- 6E5043
Moroccan Henna
- 3B5E6B
≈ Freedom
Analog -30° +30°
- 6E5043
Moroccan Henna
- 6F4E50
≈ Marron
- 67543B
≈ Oliva Oscuro
Triadisch +120° +240°
- 6E5043
Moroccan Henna
- 3F6051
≈ Tropical Foliage
- 555571
≈ Majestic Magic
Geteilt komplementär +150° +210°
- 6E5043
Moroccan Henna
- 386060
≈ Rosemary
- 475971
≈ Bluster Blue
Tetradisch +90° +180° +270°
- 6E5043
Moroccan Henna
- 4D5E44
≈ Bavarian
- 3B5E6B
≈ Freedom
- 61506A
≈ Blackberry Farm
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.26:1 · APCA Lc 85
Ag
FailAuf Schwarz
WCAG 2.89:1 · APCA Lc 17
Beste Textfarbe: #FFFFFF
WCAG 7.26:1 (AAA) · APCA Lc 85
Contrast pairs
Code-Snippets
CSS
:root {
--moroccan-henna: #6e5043;
--moroccan-henna-rgb: 110 80 67;
--moroccan-henna-oklch: oklch(0.46 0.046 44.5);
}
.element {
color: var(--moroccan-henna);
background-color: hsl(18 24% 35%);
border-color: oklch(0.46 0.046 44.5);
}Tailwind CSS v4
@theme {
--color-moroccan-henna: #6e5043;
--color-moroccan-henna-50: #fff2ea;
--color-moroccan-henna-100: #f6e4db;
--color-moroccan-henna-200: #e6cfc4;
--color-moroccan-henna-300: #ccb1a4;
--color-moroccan-henna-400: #b69689;
--color-moroccan-henna-500: #a17d6e;
--color-moroccan-henna-600: #886a5d;
--color-moroccan-henna-700: #6d554a;
--color-moroccan-henna-800: #503d36;
--color-moroccan-henna-900: #382a25;
--color-moroccan-henna-950: #231813;
}SCSS
$moroccan-henna: #6e5043;
$moroccan-henna-rgb: 110, 80, 67;
$moroccan-henna-light: mix(#fff, $moroccan-henna, 20%);
$moroccan-henna-dark: mix(#000, $moroccan-henna, 20%);
.element {
color: $moroccan-henna;
box-shadow: 0 0 0 2px rgba($moroccan-henna, 0.35);
}