Colore con nome · #8E785C
Archaeological Site
Archaeological Site è #8E785C: rgb(142 120 92), hsl(34 21% 46%), oklch(0.586 0.049 73.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Archaeological Site color name →
#8E785C
oklch(0.586 0.049 73.3)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 99856B
- A4927B
- AF9F8B
- BAAC9B
- C5B9AB
- D1C7BB
- DCD5CC
- E8E3DD
- F3F1EE
Ombre
- 7B674F
- 685742
- 564836
- 44392A
- 342A1F
- 241D14
- 15100A
- 070503
- 010100
Toni
- 8D7960
- 8B7A64
- 8A7B67
- 897B6B
- 877C6F
- 867D72
- 847E76
- 837F79
- 817F7D
Armonie di colore
Complementare +180°
- 8E785C
Archaeological Site
- 687E99
≈ Searching Blue
Analogo -30° +30°
- 8E785C
Archaeological Site
- 967365
≈ Temptation
- 817E5C
≈ Wild Ginseng
Triadico +120° +240°
- 8E785C
Archaeological Site
- 598684
≈ Cretan Green
- 867491
≈ Vintage
Complementare divisa +150° +210°
- 8E785C
Archaeological Site
- 5C8391
≈ Blue Moon Bay
- 787999
≈ Stormy Horizon
Tetradico +90° +180° +270°
- 8E785C
Archaeological Site
- 618674
≈ Dark Jade
- 687E99
≈ Searching Blue
- 917184
≈ Very Grape
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.20:1 · APCA Lc 69
Ag
AASu nero
WCAG 4.99:1 · APCA Lc 33
Miglior colore del testo: #000000
WCAG 4.99:1 (AA) · APCA Lc 33
Contrast pairs
Frammenti di codice
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);
}