Benannte Farbe · #6B4836
Satin Soil
Satin Soil ist #6B4836: rgb(107 72 54), hsl(20 33% 32%), oklch(0.436 0.056 48). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Satin Soil color name →
#6B4836
oklch(0.436 0.056 48)
Farbumrechnungen
- HEX
- #6b4836
- RGB
- rgb(107 72 54)
- HSL
- hsl(20 33% 32%)
- HWB
- hwb(20 21% 58%)
- OKLCH
- oklch(0.436 0.056 48)
- OKLab
- oklab(0.436 0.037 0.042)
- CIE Lab
- lab(34.27 13.7 17.14)
- LCH
- lch(34.27 21.94 51.4)
- CMYK
- cmyk(0% 33% 50% 58%)
Tints · Shades · Tones
Tints
- 795948
- 886A5B
- 967B6E
- A58D81
- B39F95
- C2B2AA
- D1C5BE
- E0D8D4
- F0EBE9
Shades
- 5C3D2E
- 4E3325
- 3F291E
- 321F16
- 25160F
- 180D08
- 0D0603
- 040201
- 000000
Tones
- 6D4E3D
- 705345
- 72594C
- 745E53
- 76645B
- 796962
- 7A6F69
- 7C7571
- 7E7A78
Farbharmonien
Komplementär +180°
- 6B4836
Satin Soil
- 2D586A
≈ Deep Loch
Analog -30° +30°
- 6B4836
Satin Soil
- 6D4546
≈ Moroccan Leather
- 624E2D
≈ Jungle Beat
Triadisch +120° +240°
- 6B4836
Satin Soil
- 305B4C
≈ Billiard Green
- 504D6F
≈ Harajuku Girl
Geteilt komplementär +150° +210°
- 6B4836
Satin Soil
- 265B5D
≈ Bayberry
- 3E5270
≈ Blue Flag
Tetradisch +90° +180° +270°
- 6B4836
Satin Soil
- 42593A
≈ Ficus
- 2D586A
≈ Deep Loch
- 5E4866
≈ Bon Vivant
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.06:1 · APCA Lc 88
Ag
FailAuf Schwarz
WCAG 2.60:1 · APCA Lc 14
Beste Textfarbe: #FFFFFF
WCAG 8.06:1 (AAA) · APCA Lc 88
Contrast pairs
Code-Snippets
CSS
:root {
--satin-soil: #6b4836;
--satin-soil-rgb: 107 72 54;
--satin-soil-oklch: oklch(0.436 0.056 48);
}
.element {
color: var(--satin-soil);
background-color: hsl(20 33% 32%);
border-color: oklch(0.436 0.056 48);
}Tailwind CSS v4
@theme {
--color-satin-soil: #6b4836;
--color-satin-soil-50: #fff1e7;
--color-satin-soil-100: #f8e3d8;
--color-satin-soil-200: #e9cebf;
--color-satin-soil-300: #d0b09e;
--color-satin-soil-400: #bb9582;
--color-satin-soil-500: #a67b66;
--color-satin-soil-600: #8c6857;
--color-satin-soil-700: #705345;
--color-satin-soil-800: #533c32;
--color-satin-soil-900: #3a2a22;
--color-satin-soil-950: #241711;
}SCSS
$satin-soil: #6b4836;
$satin-soil-rgb: 107, 72, 54;
$satin-soil-light: mix(#fff, $satin-soil, 20%);
$satin-soil-dark: mix(#000, $satin-soil, 20%);
.element {
color: $satin-soil;
box-shadow: 0 0 0 2px rgba($satin-soil, 0.35);
}