Benannte Farbe · #5B4C44
Sarsaparilla
Sarsaparilla ist #5B4C44: rgb(91 76 68), hsl(21 14% 31%), oklch(0.429 0.024 49.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Sarsaparilla color name →
#5B4C44
oklch(0.429 0.024 49.7)
Farbumrechnungen
- HEX
- #5b4c44
- RGB
- rgb(91 76 68)
- HSL
- hsl(21 14% 31%)
- HWB
- hwb(21 27% 64%)
- OKLCH
- oklch(0.429 0.024 49.7)
- OKLab
- oklab(0.429 0.016 0.018)
- CIE Lab
- lab(33.69 5.46 7.24)
- LCH
- lch(33.69 9.07 53)
- CMYK
- cmyk(0% 16% 25% 64%)
Tints · Shades · Tones
Tints
- 6A5C55
- 796D66
- 897E78
- 998F8A
- AAA19C
- BAB3AF
- CBC6C3
- DCD8D6
- EDECEB
Shades
- 4E413A
- 413630
- 352C26
- 29221D
- 1E1814
- 130F0C
- 090605
- 030202
- 000000
Tones
- 5F514A
- 625650
- 665B55
- 6A605B
- 6D6661
- 716B67
- 75706D
- 797574
- 7C7B7A
Farbharmonien
Komplementär +180°
- 5B4C44
Sarsaparilla
- 42525A
≈ Slate Wall
Analog -30° +30°
- 5B4C44
Sarsaparilla
- 5C4B4A
≈ Piano Brown
- 574E41
≈ Afternoon Tea
Triadisch +120° +240°
- 5B4C44
Sarsaparilla
- 43544D
≈ Moss Cottage
- 4F4E5C
≈ Salvation
Geteilt komplementär +150° +210°
- 5B4C44
Sarsaparilla
- 405455
≈ Finnegan
- 48505D
≈ Senate
Tetradisch +90° +180° +270°
- 5B4C44
Sarsaparilla
- 495346
≈ Rock Garden
- 42525A
≈ Slate Wall
- 564C58
≈ Mulled Wine
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.19:1 · APCA Lc 88
Ag
FailAuf Schwarz
WCAG 2.56:1 · APCA Lc 14
Beste Textfarbe: #FFFFFF
WCAG 8.19:1 (AAA) · APCA Lc 88
Contrast pairs
Code-Snippets
CSS
:root {
--sarsaparilla: #5b4c44;
--sarsaparilla-rgb: 91 76 68;
--sarsaparilla-oklch: oklch(0.429 0.024 49.7);
}
.element {
color: var(--sarsaparilla);
background-color: hsl(21 14% 31%);
border-color: oklch(0.429 0.024 49.7);
}Tailwind CSS v4
@theme {
--color-sarsaparilla: #5b4c44;
--color-sarsaparilla-50: #fbf3ef;
--color-sarsaparilla-100: #efe6e1;
--color-sarsaparilla-200: #ddd2cb;
--color-sarsaparilla-300: #c2b4ac;
--color-sarsaparilla-400: #ab9b92;
--color-sarsaparilla-500: #948278;
--color-sarsaparilla-600: #7d6e66;
--color-sarsaparilla-700: #645851;
--color-sarsaparilla-800: #4a403b;
--color-sarsaparilla-900: #332c29;
--color-sarsaparilla-950: #1f1917;
}SCSS
$sarsaparilla: #5b4c44;
$sarsaparilla-rgb: 91, 76, 68;
$sarsaparilla-light: mix(#fff, $sarsaparilla, 20%);
$sarsaparilla-dark: mix(#000, $sarsaparilla, 20%);
.element {
color: $sarsaparilla;
box-shadow: 0 0 0 2px rgba($sarsaparilla, 0.35);
}