Nazwany kolor · #6E5043
Moroccan Henna
Moroccan Henna to #6E5043: rgb(110 80 67), hsl(18 24% 35%), oklch(0.46 0.046 44.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Moroccan Henna color name →
#6E5043
oklch(0.46 0.046 44.5)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 7C6054
- 8A7065
- 988177
- A69289
- B5A39C
- C3B5AF
- D2C7C3
- E1DAD6
- F0ECEB
Odcienie ciemniejsze
- 5F4439
- 50392F
- 412E26
- 33241D
- 261A14
- 19100C
- 0E0705
- 040201
- 010000
Tony
- 705549
- 725A4F
- 745E55
- 76635B
- 786861
- 796D67
- 7B716D
- 7D7674
- 7E7B7A
Harmonie kolorów
Komplementarna +180°
- 6E5043
Moroccan Henna
- 3B5E6B
≈ Freedom
Analogowa -30° +30°
- 6E5043
Moroccan Henna
- 6F4E50
≈ Marron
- 67543B
≈ Oliva Oscuro
Triada +120° +240°
- 6E5043
Moroccan Henna
- 3F6051
≈ Tropical Foliage
- 555571
≈ Majestic Magic
Komplementarna rozszczepiona +150° +210°
- 6E5043
Moroccan Henna
- 386060
≈ Rosemary
- 475971
≈ Bluster Blue
Tetrada +90° +180° +270°
- 6E5043
Moroccan Henna
- 4D5E44
≈ Bavarian
- 3B5E6B
≈ Freedom
- 61506A
≈ Blackberry Farm
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.26:1 · APCA Lc 85
Ag
FailNa czerni
WCAG 2.89:1 · APCA Lc 17
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.26:1 (AAA) · APCA Lc 85
Contrast pairs
Fragmenty kodu
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);
}