Benannte Farbe · #857555
Gothic Olive
Gothic Olive ist #857555: rgb(133 117 85), hsl(40 22% 43%), oklch(0.569 0.05 84.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Gothic Olive color name →
#857555
oklch(0.569 0.05 84.3)
Farbumrechnungen
- HEX
- #857555
- RGB
- rgb(133 117 85)
- HSL
- hsl(40 22% 43%)
- HWB
- hwb(40 33% 48%)
- OKLCH
- oklch(0.569 0.05 84.3)
- OKLab
- oklab(0.569 0.005 0.05)
- CIE Lab
- lab(50.12 2.73 20.1)
- LCH
- lch(50.12 20.29 82.3)
- CMYK
- cmyk(0% 12% 36% 48%)
Tints · Shades · Tones
Tints
- 918265
- 9C8F75
- A89D86
- B4AA96
- C0B8A7
- CDC6B8
- D9D4CA
- E6E2DB
- F2F0ED
Shades
- 736549
- 61553D
- 504631
- 403726
- 30291C
- 211C11
- 130F08
- 060502
- 010100
Tones
- 85765A
- 84775E
- 847862
- 837A67
- 837B6B
- 827C6F
- 827D74
- 817E78
- 817F7C
Farbharmonien
Komplementär +180°
- 857555
Gothic Olive
- 687795
≈ Lavender Mauve
Analog -30° +30°
- 857555
Gothic Olive
- 8F6F5B
≈ Mushroom Brown
- 767B59
≈ Loden Green
Triadisch +120° +240°
- 857555
Gothic Olive
- 538085
≈ Tapestry Teal
- 866D88
≈ Mauveine
Geteilt komplementär +150° +210°
- 857555
Gothic Olive
- 5A7C90
≈ Technical Blue
- 787292
≈ Rhythm
Tetradisch +90° +180° +270°
- 857555
Gothic Olive
- 578175
≈ Cutty Sark
- 687795
≈ Lavender Mauve
- 906B79
≈ Full Glass
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.49:1 · APCA Lc 71
Ag
AAAuf Schwarz
WCAG 4.67:1 · APCA Lc 30
Beste Textfarbe: #000000
WCAG 4.67:1 (AA) · APCA Lc 30
Contrast pairs
Code-Snippets
CSS
:root {
--gothic-olive: #857555;
--gothic-olive-rgb: 133 117 85;
--gothic-olive-oklch: oklch(0.569 0.05 84.3);
}
.element {
color: var(--gothic-olive);
background-color: hsl(40 22% 43%);
border-color: oklch(0.569 0.05 84.3);
}Tailwind CSS v4
@theme {
--color-gothic-olive: #857555;
--color-gothic-olive-50: #fbf5e5;
--color-gothic-olive-100: #efe7d5;
--color-gothic-olive-200: #ded3bd;
--color-gothic-olive-300: #c3b69b;
--color-gothic-olive-400: #ac9d7d;
--color-gothic-olive-500: #968460;
--color-gothic-olive-600: #7f7052;
--color-gothic-olive-700: #655941;
--color-gothic-olive-800: #4b412e;
--color-gothic-olive-900: #342d1f;
--color-gothic-olive-950: #201a0f;
}SCSS
$gothic-olive: #857555;
$gothic-olive-rgb: 133, 117, 85;
$gothic-olive-light: mix(#fff, $gothic-olive, 20%);
$gothic-olive-dark: mix(#000, $gothic-olive, 20%);
.element {
color: $gothic-olive;
box-shadow: 0 0 0 2px rgba($gothic-olive, 0.35);
}