Benannte Farbe · #9E7A58
Stetson
Stetson ist #9E7A58: rgb(158 122 88), hsl(29 28% 48%), oklch(0.606 0.066 64.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Stetson color name →
#9E7A58
oklch(0.606 0.066 64.4)
Farbumrechnungen
- HEX
- #9e7a58
- RGB
- rgb(158 122 88)
- HSL
- hsl(29 28% 48%)
- HWB
- hwb(29 35% 38%)
- OKLCH
- oklch(0.606 0.066 64.4)
- OKLab
- oklab(0.606 0.028 0.059)
- CIE Lab
- lab(54.19 11.11 24.28)
- LCH
- lch(54.19 26.71 65.4)
- CMYK
- cmyk(0% 23% 44% 38%)
Tints · Shades · Tones
Tints
- A88768
- B19478
- BBA088
- C5AE99
- CEBBA9
- D8C8BA
- E2D6CB
- EBE3DC
- F5F1ED
Shades
- 89694B
- 74593F
- 604933
- 4D3A28
- 3A2B1D
- 291D12
- 181009
- 090503
- 010100
Tones
- 9B7B5C
- 987B61
- 957C65
- 927D69
- 8F7D6D
- 8C7E71
- 897F75
- 867F79
- 83807C
Farbharmonien
Komplementär +180°
- 9E7A58
Stetson
- 6087A7
≈ Moody Indigo
Analog -30° +30°
- 9E7A58
Stetson
- A57468
≈ Toasted Nutmeg
- 8F8254
≈ Syndicate Camouflage
Triadisch +120° +240°
- 9E7A58
Stetson
- 518F87
≈ Sea Garden
- 8B78A2
≈ Pickled Purple
Geteilt komplementär +150° +210°
- 9E7A58
Stetson
- 518C9A
≈ Stratford Blue
- 767FAA
≈ Roseine Plum
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.90:1 · APCA Lc 66
Ag
AAAuf Schwarz
WCAG 5.37:1 · APCA Lc 35
Beste Textfarbe: #000000
WCAG 5.37:1 (AA) · APCA Lc 35
Contrast pairs
Code-Snippets
CSS
:root {
--stetson: #9e7a58;
--stetson-rgb: 158 122 88;
--stetson-oklch: oklch(0.606 0.066 64.4);
}
.element {
color: var(--stetson);
background-color: hsl(29 28% 48%);
border-color: oklch(0.606 0.066 64.4);
}Tailwind CSS v4
@theme {
--color-stetson: #9e7a58;
--color-stetson-50: #fff2e2;
--color-stetson-100: #f8e4d1;
--color-stetson-200: #e8cfb7;
--color-stetson-300: #cfb194;
--color-stetson-400: #ba9776;
--color-stetson-500: #a57d57;
--color-stetson-600: #8b6a4a;
--color-stetson-700: #70553b;
--color-stetson-800: #533d2a;
--color-stetson-900: #3a2a1c;
--color-stetson-950: #24180d;
}SCSS
$stetson: #9e7a58;
$stetson-rgb: 158, 122, 88;
$stetson-light: mix(#fff, $stetson, 20%);
$stetson-dark: mix(#000, $stetson, 20%);
.element {
color: $stetson;
box-shadow: 0 0 0 2px rgba($stetson, 0.35);
}