Benannte Farbe · #8E6947
English Saddle
English Saddle ist #8E6947: rgb(142 105 71), hsl(29 33% 42%), oklch(0.55 0.068 63.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · English Saddle color name →
#8E6947
oklch(0.55 0.068 63.3)
Farbumrechnungen
- HEX
- #8e6947
- RGB
- rgb(142 105 71)
- HSL
- hsl(29 33% 42%)
- HWB
- hwb(29 28% 44%)
- OKLCH
- oklch(0.55 0.068 63.3)
- OKLab
- oklab(0.55 0.031 0.061)
- CIE Lab
- lab(47.66 12.09 25.14)
- LCH
- lch(47.66 27.9 64.3)
- CMYK
- cmyk(0% 26% 50% 44%)
Tints · Shades · Tones
Tints
- 997759
- A4866A
- AF947C
- BBA38E
- C6B2A0
- D1C1B3
- DDD0C5
- E8E0D8
- F4EFEC
Shades
- 7B5A3D
- 684C32
- 563E28
- 44311F
- 342416
- 24180D
- 150C06
- 070402
- 010000
Tones
- 8D6B4D
- 8C6E53
- 8A7059
- 89735F
- 887564
- 86776A
- 857970
- 837C75
- 827E7B
Farbharmonien
Komplementär +180°
- 8E6947
English Saddle
- 4E7696
≈ Beach View
Analog -30° +30°
- 8E6947
English Saddle
- 956358
≈ Umenezumi Plum
- 7F7142
≈ Italian Olive
Triadisch +120° +240°
- 8E6947
English Saddle
- 3F7F75
≈ Copper Mineral Green
- 7A6892
≈ Purple Grapes
Geteilt komplementär +150° +210°
- 8E6947
English Saddle
- 3D7C89
≈ Mysterious Blue
- 646F9A
≈ Blueberry Patch
Tetradisch +90° +180° +270°
- 8E6947
English Saddle
- 527D5F
≈ Sports Field Green
- 4E7696
≈ Beach View
- 8A6383
≈ Orchid Orchestra
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.92:1 · APCA Lc 74
Ag
FailAuf Schwarz
WCAG 4.26:1 · APCA Lc 28
Beste Textfarbe: #FFFFFF
WCAG 4.92:1 (AA) · APCA Lc 74
Contrast pairs
Code-Snippets
CSS
:root {
--english-saddle: #8e6947;
--english-saddle-rgb: 142 105 71;
--english-saddle-oklch: oklch(0.55 0.068 63.3);
}
.element {
color: var(--english-saddle);
background-color: hsl(29 33% 42%);
border-color: oklch(0.55 0.068 63.3);
}Tailwind CSS v4
@theme {
--color-english-saddle: #8e6947;
--color-english-saddle-50: #fff2e1;
--color-english-saddle-100: #f8e4d1;
--color-english-saddle-200: #e9cfb7;
--color-english-saddle-300: #d0b193;
--color-english-saddle-400: #bc9675;
--color-english-saddle-500: #a67c56;
--color-english-saddle-600: #8d6949;
--color-english-saddle-700: #71543a;
--color-english-saddle-800: #543d2a;
--color-english-saddle-900: #3a2a1c;
--color-english-saddle-950: #24170c;
}SCSS
$english-saddle: #8e6947;
$english-saddle-rgb: 142, 105, 71;
$english-saddle-light: mix(#fff, $english-saddle, 20%);
$english-saddle-dark: mix(#000, $english-saddle, 20%);
.element {
color: $english-saddle;
box-shadow: 0 0 0 2px rgba($english-saddle, 0.35);
}