Benannte Farbe · #9B7A78
Neapolitan
Neapolitan ist #9B7A78: rgb(155 122 120), hsl(3 15% 54%), oklch(0.611 0.041 22.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Neapolitan color name →
#9B7A78
oklch(0.611 0.041 22.4)
Farbumrechnungen
- HEX
- #9b7a78
- RGB
- rgb(155 122 120)
- HSL
- hsl(3 15% 54%)
- HWB
- hwb(3 47% 39%)
- OKLCH
- oklch(0.611 0.041 22.4)
- OKLab
- oklab(0.611 0.038 0.016)
- CIE Lab
- lab(54.43 13 6.26)
- LCH
- lch(54.43 14.42 25.7)
- CMYK
- cmyk(0% 21% 23% 39%)
Tints · Shades · Tones
Tints
- A58785
- AF9392
- B9A09F
- C3ADAC
- CDBBB9
- D7C8C7
- E1D5D5
- EBE3E3
- F5F1F1
Shades
- 866967
- 725957
- 5E4948
- 4B3A39
- 392B2A
- 281D1D
- 181010
- 090505
- 010101
Tones
- 987B79
- 967B7A
- 937C7A
- 917D7B
- 8E7D7C
- 8B7E7D
- 887E7E
- 867F7E
- 837F7F
Farbharmonien
Komplementär +180°
- 9B7A78
Neapolitan
- 668B8E
≈ Tasmanian Sea
Analog -30° +30°
- 9B7A78
Neapolitan
- 987986
≈ Century’s Last Sunset
- 987D6D
≈ Tempered Allspice
Triadisch +120° +240°
- 9B7A78
Neapolitan
- 758A73
≈ Hedge Green
- 76849D
≈ Tempest
Geteilt komplementär +150° +210°
- 9B7A78
Neapolitan
- 6A8C81
≈ Hanging Vine
- 6B8898
≈ Relaxed Blue
Tetradisch +90° +180° +270°
- 9B7A78
Neapolitan
- 83866A
≈ Zipline Green
- 668B8E
≈ Tasmanian Sea
- 847F9B
≈ Blue Intrigue
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.85:1 · APCA Lc 66
Ag
AAAuf Schwarz
WCAG 5.44:1 · APCA Lc 36
Beste Textfarbe: #000000
WCAG 5.44:1 (AA) · APCA Lc 36
Contrast pairs
Code-Snippets
CSS
:root {
--neapolitan: #9b7a78;
--neapolitan-rgb: 155 122 120;
--neapolitan-oklch: oklch(0.611 0.041 22.4);
}
.element {
color: var(--neapolitan);
background-color: hsl(3 15% 54%);
border-color: oklch(0.611 0.041 22.4);
}Tailwind CSS v4
@theme {
--color-neapolitan: #9b7a78;
--color-neapolitan-50: #fff1ef;
--color-neapolitan-100: #f6e3e1;
--color-neapolitan-200: #e6cecc;
--color-neapolitan-300: #ccb0ad;
--color-neapolitan-400: #b69593;
--color-neapolitan-500: #a07c7a;
--color-neapolitan-600: #876967;
--color-neapolitan-700: #6c5452;
--color-neapolitan-800: #503d3c;
--color-neapolitan-900: #382a29;
--color-neapolitan-950: #221717;
}SCSS
$neapolitan: #9b7a78;
$neapolitan-rgb: 155, 122, 120;
$neapolitan-light: mix(#fff, $neapolitan, 20%);
$neapolitan-dark: mix(#000, $neapolitan, 20%);
.element {
color: $neapolitan;
box-shadow: 0 0 0 2px rgba($neapolitan, 0.35);
}