Benannte Farbe · #918754
Trough Shell Brown
Trough Shell Brown ist #918754: rgb(145 135 84), hsl(50 27% 45%), oklch(0.62 0.071 98.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Trough Shell Brown color name →
#918754
oklch(0.62 0.071 98.5)
Farbumrechnungen
- HEX
- #918754
- RGB
- rgb(145 135 84)
- HSL
- hsl(50 27% 45%)
- HWB
- hwb(50 33% 43%)
- OKLCH
- oklch(0.62 0.071 98.5)
- OKLab
- oklab(0.62 -0.01 0.07)
- CIE Lab
- lab(56.29 -1.77 28.81)
- LCH
- lch(56.29 28.87 93.5)
- CMYK
- cmyk(0% 7% 42% 43%)
Tints · Shades · Tones
Tints
- 9B9365
- A69E75
- B1AA86
- BBB697
- C6C2A8
- D2CEB9
- DDDACA
- E8E6DC
- F3F3ED
Shades
- 7D7548
- 6A633C
- 585131
- 464126
- 35311B
- 252111
- 151308
- 070602
- 010100
Tones
- 8F8659
- 8E865E
- 8C8563
- 8A8467
- 88846C
- 878370
- 858274
- 838278
- 82817C
Farbharmonien
Komplementär +180°
- 918754
Trough Shell Brown
- 7C82B1
≈ Corsican Purple
Analog -30° +30°
- 918754
Trough Shell Brown
- A37E57
≈ Cinnamon Crunch
- 798F60
≈ Old Bamboo
Triadisch +120° +240°
- 918754
Trough Shell Brown
- 5191A3
≈ Aegean Sea
- A37695
≈ Poise
Geteilt komplementär +150° +210°
- 918754
Trough Shell Brown
- 648AAF
≈ Pale Flower
- 927BA7
≈ Trumpeter
Tetradisch +90° +180° +270°
- 918754
Trough Shell Brown
- 4F948E
≈ Mirage Lake
- 7C82B1
≈ Corsican Purple
- AC747E
≈ French Marron
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.62:1 · APCA Lc 64
Ag
AAAuf Schwarz
WCAG 5.79:1 · APCA Lc 38
Beste Textfarbe: #000000
WCAG 5.79:1 (AA) · APCA Lc 38
Contrast pairs
Code-Snippets
CSS
:root {
--trough-shell-brown: #918754;
--trough-shell-brown-rgb: 145 135 84;
--trough-shell-brown-oklch: oklch(0.62 0.071 98.5);
}
.element {
color: var(--trough-shell-brown);
background-color: hsl(50 27% 45%);
border-color: oklch(0.62 0.071 98.5);
}Tailwind CSS v4
@theme {
--color-trough-shell-brown: #918754;
--color-trough-shell-brown-50: #f9f6df;
--color-trough-shell-brown-100: #ede9ce;
--color-trough-shell-brown-200: #dbd6b3;
--color-trough-shell-brown-300: #bfb98f;
--color-trough-shell-brown-400: #a99f6e;
--color-trough-shell-brown-500: #92874e;
--color-trough-shell-brown-600: #7c7243;
--color-trough-shell-brown-700: #635b35;
--color-trough-shell-brown-800: #494225;
--color-trough-shell-brown-900: #332e19;
--color-trough-shell-brown-950: #1f1b09;
}SCSS
$trough-shell-brown: #918754;
$trough-shell-brown-rgb: 145, 135, 84;
$trough-shell-brown-light: mix(#fff, $trough-shell-brown, 20%);
$trough-shell-brown-dark: mix(#000, $trough-shell-brown, 20%);
.element {
color: $trough-shell-brown;
box-shadow: 0 0 0 2px rgba($trough-shell-brown, 0.35);
}