Benannte Farbe · #8E785C
Archaeological Site
Archaeological Site ist #8E785C: rgb(142 120 92), hsl(34 21% 46%), oklch(0.586 0.049 73.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Archaeological Site color name →
#8E785C
oklch(0.586 0.049 73.3)
Farbumrechnungen
- HEX
- #8e785c
- RGB
- rgb(142 120 92)
- HSL
- hsl(34 21% 46%)
- HWB
- hwb(34 36% 44%)
- OKLCH
- oklch(0.586 0.049 73.3)
- OKLab
- oklab(0.586 0.014 0.047)
- CIE Lab
- lab(51.99 5.66 18.76)
- LCH
- lch(51.99 19.6 73.2)
- CMYK
- cmyk(0% 15% 35% 44%)
Tints · Shades · Tones
Tints
- 99856B
- A4927B
- AF9F8B
- BAAC9B
- C5B9AB
- D1C7BB
- DCD5CC
- E8E3DD
- F3F1EE
Shades
- 7B674F
- 685742
- 564836
- 44392A
- 342A1F
- 241D14
- 15100A
- 070503
- 010100
Tones
- 8D7960
- 8B7A64
- 8A7B67
- 897B6B
- 877C6F
- 867D72
- 847E76
- 837F79
- 817F7D
Farbharmonien
Komplementär +180°
- 8E785C
Archaeological Site
- 687E99
≈ Searching Blue
Analog -30° +30°
- 8E785C
Archaeological Site
- 967365
≈ Temptation
- 817E5C
≈ Wild Ginseng
Triadisch +120° +240°
- 8E785C
Archaeological Site
- 598684
≈ Cretan Green
- 867491
≈ Vintage
Geteilt komplementär +150° +210°
- 8E785C
Archaeological Site
- 5C8391
≈ Blue Moon Bay
- 787999
≈ Stormy Horizon
Tetradisch +90° +180° +270°
- 8E785C
Archaeological Site
- 618674
≈ Dark Jade
- 687E99
≈ Searching Blue
- 917184
≈ Very Grape
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.20:1 · APCA Lc 69
Ag
AAAuf Schwarz
WCAG 4.99:1 · APCA Lc 33
Beste Textfarbe: #000000
WCAG 4.99:1 (AA) · APCA Lc 33
Contrast pairs
Code-Snippets
CSS
:root {
--archaeological-site: #8e785c;
--archaeological-site-rgb: 142 120 92;
--archaeological-site-oklch: oklch(0.586 0.049 73.3);
}
.element {
color: var(--archaeological-site);
background-color: hsl(34 21% 46%);
border-color: oklch(0.586 0.049 73.3);
}Tailwind CSS v4
@theme {
--color-archaeological-site: #8e785c;
--color-archaeological-site-50: #fef4e6;
--color-archaeological-site-100: #f2e6d6;
--color-archaeological-site-200: #e1d2be;
--color-archaeological-site-300: #c6b49c;
--color-archaeological-site-400: #b09b7f;
--color-archaeological-site-500: #9a8262;
--color-archaeological-site-600: #826e54;
--color-archaeological-site-700: #685843;
--color-archaeological-site-800: #4d4030;
--color-archaeological-site-900: #362c20;
--color-archaeological-site-950: #211910;
}SCSS
$archaeological-site: #8e785c;
$archaeological-site-rgb: 142, 120, 92;
$archaeological-site-light: mix(#fff, $archaeological-site, 20%);
$archaeological-site-dark: mix(#000, $archaeological-site, 20%);
.element {
color: $archaeological-site;
box-shadow: 0 0 0 2px rgba($archaeological-site, 0.35);
}