Benannte Farbe · #848667
Native Henna
Native Henna ist #848667: rgb(132 134 103), hsl(64 13% 46%), oklch(0.61 0.045 110.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Native Henna color name →
#848667
oklch(0.61 0.045 110.7)
Farbumrechnungen
- HEX
- #848667
- RGB
- rgb(132 134 103)
- HSL
- hsl(64 13% 46%)
- HWB
- hwb(64 40% 47%)
- OKLCH
- oklch(0.61 0.045 110.7)
- OKLab
- oklab(0.61 -0.016 0.042)
- CIE Lab
- lab(55.12 -4.85 16.51)
- LCH
- lch(55.12 17.21 106.4)
- CMYK
- cmyk(1% 0% 23% 47%)
Tints · Shades · Tones
Tints
- 909175
- 9B9D84
- A7A993
- B3B5A2
- C0C1B1
- CCCDC0
- D8D9CF
- E5E6DF
- F2F2EF
Shades
- 727459
- 60624B
- 4F513D
- 3F4030
- 2F3023
- 202117
- 12130C
- 060604
- 010100
Tones
- 84856A
- 83856C
- 83846F
- 828471
- 828374
- 828376
- 818279
- 81817B
- 80817E
Farbharmonien
Komplementär +180°
- 848667
Native Henna
- 837F9D
≈ Blue Intrigue
Analog -30° +30°
- 848667
Native Henna
- 918165
≈ Ceramic Pot
- 758A71
≈ Wonderland
Triadisch +120° +240°
- 848667
Native Henna
- 688999
≈ Relaxed Blue
- 997887
≈ Mountbatten Pink
Geteilt komplementär +150° +210°
- 848667
Native Henna
- 74849F
≈ Tempest
- 907B94
≈ Violet Persuasion
Tetradisch +90° +180° +270°
- 848667
Native Henna
- 638C8E
≈ Tasmanian Sea
- 837F9D
≈ Blue Intrigue
- 9D7978
≈ Neapolitan
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.75:1 · APCA Lc 65
Ag
AAAuf Schwarz
WCAG 5.58:1 · APCA Lc 37
Beste Textfarbe: #000000
WCAG 5.58:1 (AA) · APCA Lc 37
Contrast pairs
Code-Snippets
CSS
:root {
--native-henna: #848667;
--native-henna-rgb: 132 134 103;
--native-henna-oklch: oklch(0.61 0.045 110.7);
}
.element {
color: var(--native-henna);
background-color: hsl(64 13% 46%);
border-color: oklch(0.61 0.045 110.7);
}Tailwind CSS v4
@theme {
--color-native-henna: #848667;
--color-native-henna-50: #f5f7e8;
--color-native-henna-100: #e8ead9;
--color-native-henna-200: #d4d7c1;
--color-native-henna-300: #b7baa0;
--color-native-henna-400: #9fa183;
--color-native-henna-500: #878967;
--color-native-henna-600: #727457;
--color-native-henna-700: #5b5d46;
--color-native-henna-800: #434432;
--color-native-henna-900: #2f2f22;
--color-native-henna-950: #1b1b11;
}SCSS
$native-henna: #848667;
$native-henna-rgb: 132, 134, 103;
$native-henna-light: mix(#fff, $native-henna, 20%);
$native-henna-dark: mix(#000, $native-henna, 20%);
.element {
color: $native-henna;
box-shadow: 0 0 0 2px rgba($native-henna, 0.35);
}