Benannte Farbe · #5D3736
Sommelier
Sommelier ist #5D3736: rgb(93 55 54), hsl(2 27% 29%), oklch(0.383 0.055 21.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Sommelier color name →
#5D3736
oklch(0.383 0.055 21.6)
Farbumrechnungen
- HEX
- #5d3736
- RGB
- rgb(93 55 54)
- HSL
- hsl(2 27% 29%)
- HWB
- hwb(2 21% 64%)
- OKLCH
- oklch(0.383 0.055 21.6)
- OKLab
- oklab(0.383 0.051 0.02)
- CIE Lab
- lab(27.84 17.33 8.19)
- LCH
- lch(27.84 19.17 25.3)
- CMYK
- cmyk(0% 41% 42% 64%)
Tints · Shades · Tones
Tints
- 6D4948
- 7C5B5A
- 8C6E6D
- 9C8280
- AC9594
- BDAAA9
- CDBFBE
- DDD4D3
- EEE9E9
Shades
- 502E2E
- 432625
- 371E1E
- 2A1616
- 1F0F0F
- 140808
- 0A0303
- 030101
- 000000
Tones
- 613E3D
- 654544
- 694C4B
- 6C5453
- 705B5A
- 736261
- 766A69
- 7A7170
- 7D7878
Farbharmonien
Komplementär +180°
- 5D3736
Sommelier
- 174C4F
≈ Port Malmesbury
Analog -30° +30°
- 5D3736
Sommelier
- 5A3746
≈ Zinfandel Red
- 5A3A27
≈ Weathered Bamboo
Triadisch +120° +240°
- 5D3736
Sommelier
- 324A2F
≈ Palm Leaf
- 334360
≈ Stay the Night
Geteilt komplementär +150° +210°
- 5D3736
Sommelier
- 204D3F
≈ English Green
- 21485B
≈ Black Forest Blue
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 10.16:1 · APCA Lc 93
Ag
FailAuf Schwarz
WCAG 2.06:1 · APCA Lc 9
Beste Textfarbe: #FFFFFF
WCAG 10.16:1 (AAA) · APCA Lc 93
Contrast pairs
Code-Snippets
CSS
:root {
--sommelier: #5d3736;
--sommelier-rgb: 93 55 54;
--sommelier-oklch: oklch(0.383 0.055 21.6);
}
.element {
color: var(--sommelier);
background-color: hsl(2 27% 29%);
border-color: oklch(0.383 0.055 21.6);
}Tailwind CSS v4
@theme {
--color-sommelier: #5d3736;
--color-sommelier-50: #ffefee;
--color-sommelier-100: #fae1df;
--color-sommelier-200: #ebccc9;
--color-sommelier-300: #d2adaa;
--color-sommelier-400: #bd9290;
--color-sommelier-500: #a87876;
--color-sommelier-600: #8e6664;
--color-sommelier-700: #725150;
--color-sommelier-800: #543b3b;
--color-sommelier-900: #3b2828;
--color-sommelier-950: #241616;
}SCSS
$sommelier: #5d3736;
$sommelier-rgb: 93, 55, 54;
$sommelier-light: mix(#fff, $sommelier, 20%);
$sommelier-dark: mix(#000, $sommelier, 20%);
.element {
color: $sommelier;
box-shadow: 0 0 0 2px rgba($sommelier, 0.35);
}