Colore con nome · #E1A451
Golden Tiger
Golden Tiger è #E1A451: rgb(225 164 81), hsl(35 71% 60%), oklch(0.761 0.123 72.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Golden Tiger color name →
#E1A451
oklch(0.761 0.123 72.4)
Conversioni di colore
- HEX
- #e1a451
- RGB
- rgb(225 164 81)
- HSL
- hsl(35 71% 60%)
- HWB
- hwb(35 32% 12%)
- OKLCH
- oklch(0.761 0.123 72.4)
- OKLab
- oklab(0.761 0.037 0.117)
- CIE Lab
- lab(72.14 17.2 51.27)
- LCH
- lch(72.14 54.08 71.5)
- CMYK
- cmyk(0% 27% 64% 12%)
Tinte · Ombre · Toni
Tinte
- E4AD65
- E8B778
- EBC089
- EEC99B
- F1D2AC
- F4DBBC
- F7E4CD
- FAEDDE
- FCF6EE
Ombre
- C48E45
- A7793A
- 8B642F
- 705024
- 563D1A
- 3E2B10
- 271A07
- 120A02
- 020100
Toni
- D7A158
- CD9D5F
- C49A65
- BA966A
- B0936E
- A78F73
- 9D8B76
- 93887A
- 8A847D
Armonie di colore
Complementare +180°
- E1A451
Golden Tiger
- 76B6FD
≈ French Sky Blue
Analogo -30° +30°
- E1A451
Golden Tiger
- F39671
≈ Orange Pecan
- C0B44F
≈ Parachute
Triadico +120° +240°
- E1A451
Golden Tiger
- 2BCAC6
≈ Mermaid Net
- CC9AE9
≈ Dream Vapour
Complementare divisa +150° +210°
- E1A451
Golden Tiger
- 41C2E9
≈ Clean Pool
- A6A7FD
≈ Shy Moment
Tetradico +90° +180° +270°
- E1A451
Golden Tiger
- 5DCA9A
≈ Vegetation
- 76B6FD
≈ French Sky Blue
- E791C7
≈ Crepe Myrtle
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.18:1 · APCA Lc 43
Ag
AAASu nero
WCAG 9.63:1 · APCA Lc 59
Miglior colore del testo: #000000
WCAG 9.63:1 (AAA) · APCA Lc 59
Contrast pairs
Frammenti di codice
CSS
:root {
--golden-tiger: #e1a451;
--golden-tiger-rgb: 225 164 81;
--golden-tiger-oklch: oklch(0.761 0.123 72.4);
}
.element {
color: var(--golden-tiger);
background-color: hsl(35 71% 60%);
border-color: oklch(0.761 0.123 72.4);
}Tailwind CSS v4
@theme {
--color-golden-tiger: #e1a451;
--color-golden-tiger-50: #fff1cf;
--color-golden-tiger-100: #ffe3bb;
--color-golden-tiger-200: #f4cd9a;
--color-golden-tiger-300: #ddae6e;
--color-golden-tiger-400: #cb9244;
--color-golden-tiger-500: #b77600;
--color-golden-tiger-600: #9a6503;
--color-golden-tiger-700: #7c5005;
--color-golden-tiger-800: #5d3a03;
--color-golden-tiger-900: #412803;
--color-golden-tiger-950: #291500;
}SCSS
$golden-tiger: #e1a451;
$golden-tiger-rgb: 225, 164, 81;
$golden-tiger-light: mix(#fff, $golden-tiger, 20%);
$golden-tiger-dark: mix(#000, $golden-tiger, 20%);
.element {
color: $golden-tiger;
box-shadow: 0 0 0 2px rgba($golden-tiger, 0.35);
}