Colore con nome · #E0A362
India Trade
India Trade è #E0A362: rgb(224 163 98), hsl(31 67% 63%), oklch(0.76 0.109 66.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · India Trade color name →
#E0A362
oklch(0.76 0.109 66.7)
Conversioni di colore
- HEX
- #e0a362
- RGB
- rgb(224 163 98)
- HSL
- hsl(31 67% 63%)
- HWB
- hwb(31 38% 12%)
- OKLCH
- oklch(0.76 0.109 66.7)
- OKLab
- oklab(0.76 0.043 0.1)
- CIE Lab
- lab(71.95 18.16 42.75)
- LCH
- lch(71.95 46.44 67)
- CMYK
- cmyk(0% 27% 56% 12%)
Tinte · Ombre · Toni
Tinte
- E4AC73
- E7B683
- EABF93
- EEC8A2
- F1D1B2
- F4DAC1
- F7E4D1
- FAEDE0
- FCF6F0
Ombre
- C38D54
- A67847
- 8A633A
- 704F2D
- 563C21
- 3E2A16
- 27190B
- 120A03
- 020100
Toni
- D6A067
- CD9C6B
- C3996E
- B99672
- B09275
- A68F77
- 9D8B7A
- 93877C
- 8A847E
Armonie di colore
Complementare +180°
- E0A362
India Trade
- 75B8F3
≈ Broken Blue
Analogo -30° +30°
- E0A362
India Trade
- ED987F
≈ Presidio Peach
- C5B15B
≈ Vegas Gold
Triadico +120° +240°
- E0A362
India Trade
- 4DC7BC
≈ Cockatoo
- C39FE8
≈ Lavender Cream
Complementare divisa +150° +210°
- E0A362
India Trade
- 4FC2DE
≈ Naxos Sky
- 9FABF6
≈ Widowmaker
Tetradico +90° +180° +270°
- E0A362
India Trade
- 72C695
≈ Green Gala
- 75B8F3
≈ Broken Blue
- DE96CB
≈ Crepe Myrtle
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.19:1 · APCA Lc 43
Ag
AAASu nero
WCAG 9.58:1 · APCA Lc 59
Miglior colore del testo: #000000
WCAG 9.58:1 (AAA) · APCA Lc 59
Contrast pairs
Frammenti di codice
CSS
:root {
--india-trade: #e0a362;
--india-trade-rgb: 224 163 98;
--india-trade-oklch: oklch(0.76 0.109 66.7);
}
.element {
color: var(--india-trade);
background-color: hsl(31 67% 63%);
border-color: oklch(0.76 0.109 66.7);
}Tailwind CSS v4
@theme {
--color-india-trade: #e0a362;
--color-india-trade-50: #fff0d4;
--color-india-trade-100: #ffe2c1;
--color-india-trade-200: #f4cca2;
--color-india-trade-300: #ddad79;
--color-india-trade-400: #ca9154;
--color-india-trade-500: #b67628;
--color-india-trade-600: #9a6424;
--color-india-trade-700: #7b501d;
--color-india-trade-800: #5c3914;
--color-india-trade-900: #41270c;
--color-india-trade-950: #291502;
}SCSS
$india-trade: #e0a362;
$india-trade-rgb: 224, 163, 98;
$india-trade-light: mix(#fff, $india-trade, 20%);
$india-trade-dark: mix(#000, $india-trade, 20%);
.element {
color: $india-trade;
box-shadow: 0 0 0 2px rgba($india-trade, 0.35);
}