Colore con nome · #E2AC78
Buffalo Trail
Buffalo Trail è #E2AC78: rgb(226 172 120), hsl(29 65% 68%), oklch(0.783 0.093 64.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Buffalo Trail color name →
#E2AC78
oklch(0.783 0.093 64.7)
Conversioni di colore
- HEX
- #e2ac78
- RGB
- rgb(226 172 120)
- HSL
- hsl(29 65% 68%)
- HWB
- hwb(29 47% 11%)
- OKLCH
- oklch(0.783 0.093 64.7)
- OKLab
- oklab(0.783 0.04 0.084)
- CIE Lab
- lab(74.59 15.81 34.75)
- LCH
- lch(74.59 38.17 65.5)
- CMYK
- cmyk(0% 24% 47% 11%)
Tinte · Ombre · Toni
Tinte
- E5B486
- E8BD94
- ECC5A1
- EFCDAE
- F2D6BC
- F4DEC9
- F7E6D7
- FAEEE4
- FCF7F2
Ombre
- C49567
- A87F57
- 8C6948
- 715439
- 57402A
- 3E2D1D
- 271B10
- 120B05
- 030101
Toni
- D8A87A
- CEA37B
- C49F7C
- BA9B7D
- B1967E
- A7927F
- 9D8D7F
- 938980
- 8A8580
Armonie di colore
Complementare +180°
- E2AC78
Buffalo Trail
- 84BFF0
≈ Electric Eel
Analogo -30° +30°
- E2AC78
Buffalo Trail
- EDA390
≈ Stone Fruit
- CBB871
≈ Pistachio Shortbread
Triadico +120° +240°
- E2AC78
Buffalo Trail
- 6CCCC0
≈ Skylar
- C6AAE9
≈ Tropical Violet
Complementare divisa +150° +210°
- E2AC78
Buffalo Trail
- 6BC8DD
≈ Betsy
- A6B4F4
≈ Wondrous Wisteria
Tetradico +90° +180° +270°
- E2AC78
Buffalo Trail
- 87CA9E
≈ Frost Gum
- 84BFF0
≈ Electric Eel
- DEA2D0
≈ Exotic Violet
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.01:1 · APCA Lc 39
Ag
AAASu nero
WCAG 10.40:1 · APCA Lc 63
Miglior colore del testo: #000000
WCAG 10.40:1 (AAA) · APCA Lc 63
Contrast pairs
Frammenti di codice
CSS
:root {
--buffalo-trail: #e2ac78;
--buffalo-trail-rgb: 226 172 120;
--buffalo-trail-oklch: oklch(0.783 0.093 64.7);
}
.element {
color: var(--buffalo-trail);
background-color: hsl(29 65% 68%);
border-color: oklch(0.783 0.093 64.7);
}Tailwind CSS v4
@theme {
--color-buffalo-trail: #e2ac78;
--color-buffalo-trail-50: #fff1da;
--color-buffalo-trail-100: #fee3c8;
--color-buffalo-trail-200: #f0cdab;
--color-buffalo-trail-300: #d8af84;
--color-buffalo-trail-400: #c59363;
--color-buffalo-trail-500: #b0783e;
--color-buffalo-trail-600: #956636;
--color-buffalo-trail-700: #78522b;
--color-buffalo-trail-800: #593b1e;
--color-buffalo-trail-900: #3e2814;
--color-buffalo-trail-950: #271606;
}SCSS
$buffalo-trail: #e2ac78;
$buffalo-trail-rgb: 226, 172, 120;
$buffalo-trail-light: mix(#fff, $buffalo-trail, 20%);
$buffalo-trail-dark: mix(#000, $buffalo-trail, 20%);
.element {
color: $buffalo-trail;
box-shadow: 0 0 0 2px rgba($buffalo-trail, 0.35);
}