Benannte Farbe · #857D72
Smoky Trout
Smoky Trout ist #857D72: rgb(133 125 114), hsl(35 8% 48%), oklch(0.594 0.019 76). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Smoky Trout color name →
#857D72
oklch(0.594 0.019 76)
Farbumrechnungen
- HEX
- #857d72
- RGB
- rgb(133 125 114)
- HSL
- hsl(35 8% 48%)
- HWB
- hwb(35 45% 48%)
- OKLCH
- oklch(0.594 0.019 76)
- OKLab
- oklab(0.594 0.005 0.018)
- CIE Lab
- lab(52.88 1.66 7.17)
- LCH
- lch(52.88 7.36 76.9)
- CMYK
- cmyk(0% 6% 14% 48%)
Tints · Shades · Tones
Tints
- 91897F
- 9C968D
- A8A29A
- B4AFA8
- C0BCB6
- CDC9C4
- D9D6D3
- E5E4E1
- F2F1F0
Shades
- 736C62
- 615B53
- 504B44
- 403B36
- 302C28
- 211E1B
- 13110E
- 060504
- 010101
Tones
- 857D73
- 847E75
- 847E76
- 837E78
- 837F79
- 827F7A
- 827F7C
- 817F7D
- 81807F
Farbharmonien
Komplementär +180°
- 857D72
Smoky Trout
- 777F8A
≈ Bay Wharf
Analog -30° +30°
- 857D72
Smoky Trout
- 897B75
≈ Revere Greige
- 7F7F72
≈ Link Grey
Triadisch +120° +240°
- 857D72
Smoky Trout
- 728282
≈ Classic Movie
- 837B86
≈ Dark Topaz
Geteilt komplementär +150° +210°
- 857D72
Smoky Trout
- 738187
≈ Atlantic Shoreline
- 7D7D8A
≈ Silver Surfer
Tetradisch +90° +180° +270°
- 857D72
Smoky Trout
- 74827C
≈ Dwarf Spruce
- 777F8A
≈ Bay Wharf
- 877A81
≈ Honed Steel
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.05:1 · APCA Lc 68
Ag
AAAuf Schwarz
WCAG 5.17:1 · APCA Lc 34
Beste Textfarbe: #000000
WCAG 5.17:1 (AA) · APCA Lc 34
Contrast pairs
Code-Snippets
CSS
:root {
--smoky-trout: #857d72;
--smoky-trout-rgb: 133 125 114;
--smoky-trout-oklch: oklch(0.594 0.019 76);
}
.element {
color: var(--smoky-trout);
background-color: hsl(35 8% 48%);
border-color: oklch(0.594 0.019 76);
}Tailwind CSS v4
@theme {
--color-smoky-trout: #857d72;
--color-smoky-trout-50: #f8f5ef;
--color-smoky-trout-100: #ebe7e1;
--color-smoky-trout-200: #d9d3cb;
--color-smoky-trout-300: #bdb6ad;
--color-smoky-trout-400: #a59d92;
--color-smoky-trout-500: #8e8578;
--color-smoky-trout-600: #787066;
--color-smoky-trout-700: #605a52;
--color-smoky-trout-800: #46413b;
--color-smoky-trout-900: #312d29;
--color-smoky-trout-950: #1d1a17;
}SCSS
$smoky-trout: #857d72;
$smoky-trout-rgb: 133, 125, 114;
$smoky-trout-light: mix(#fff, $smoky-trout, 20%);
$smoky-trout-dark: mix(#000, $smoky-trout, 20%);
.element {
color: $smoky-trout;
box-shadow: 0 0 0 2px rgba($smoky-trout, 0.35);
}