Benannte Farbe · #5F423F
Chicory Root
Chicory Root ist #5F423F: rgb(95 66 63), hsl(6 20% 31%), oklch(0.411 0.041 25.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Chicory Root color name →
#5F423F
oklch(0.411 0.041 25.6)
Farbumrechnungen
- HEX
- #5f423f
- RGB
- rgb(95 66 63)
- HSL
- hsl(6 20% 31%)
- HWB
- hwb(6 25% 63%)
- OKLCH
- oklch(0.411 0.041 25.6)
- OKLab
- oklab(0.411 0.037 0.018)
- CIE Lab
- lab(31.24 12.62 7.1)
- LCH
- lch(31.24 14.48 29.4)
- CMYK
- cmyk(0% 31% 34% 63%)
Tints · Shades · Tones
Tints
- 6E5350
- 7D6462
- 8D7674
- 9D8986
- AD9B99
- BDAFAD
- CDC2C1
- DDD6D5
- EEEAEA
Shades
- 523835
- 442F2C
- 382523
- 2C1C1B
- 201412
- 150B0A
- 0A0504
- 030101
- 000000
Tones
- 634845
- 664E4B
- 695452
- 6D5A58
- 70605F
- 736765
- 776D6C
- 7A7372
- 7D7A79
Farbharmonien
Komplementär +180°
- 5F423F
Chicory Root
- 2E5155
≈ Microwave Blue
Analog -30° +30°
- 5F423F
Chicory Root
- 5D414B
≈ Napa Wine
- 5C4535
≈ Brown Derby
Triadisch +120° +240°
- 5F423F
Chicory Root
- 3C513D
≈ Highlander
- 404A61
≈ Sapphire Stone
Geteilt komplementär +150° +210°
- 5F423F
Chicory Root
- 325249
≈ Sharknado
- 344E5E
≈ Velvet Evening
Tetradisch +90° +180° +270°
- 5F423F
Chicory Root
- 494D34
≈ Matsuba Green
- 2E5155
≈ Microwave Blue
- 4C465F
≈ Grapewood
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.98:1 · APCA Lc 91
Ag
FailAuf Schwarz
WCAG 2.33:1 · APCA Lc 12
Beste Textfarbe: #FFFFFF
WCAG 8.98:1 (AAA) · APCA Lc 91
Contrast pairs
Code-Snippets
CSS
:root {
--chicory-root: #5f423f;
--chicory-root-rgb: 95 66 63;
--chicory-root-oklch: oklch(0.411 0.041 25.6);
}
.element {
color: var(--chicory-root);
background-color: hsl(6 20% 31%);
border-color: oklch(0.411 0.041 25.6);
}Tailwind CSS v4
@theme {
--color-chicory-root: #5f423f;
--color-chicory-root-50: #fff1ef;
--color-chicory-root-100: #f5e3e0;
--color-chicory-root-200: #e5cecb;
--color-chicory-root-300: #ccb0ac;
--color-chicory-root-400: #b69692;
--color-chicory-root-500: #a07c78;
--color-chicory-root-600: #876966;
--color-chicory-root-700: #6c5451;
--color-chicory-root-800: #503d3c;
--color-chicory-root-900: #382a29;
--color-chicory-root-950: #221717;
}SCSS
$chicory-root: #5f423f;
$chicory-root-rgb: 95, 66, 63;
$chicory-root-light: mix(#fff, $chicory-root, 20%);
$chicory-root-dark: mix(#000, $chicory-root, 20%);
.element {
color: $chicory-root;
box-shadow: 0 0 0 2px rgba($chicory-root, 0.35);
}