Colore con nome · #AE8845
Indian Spice
Indian Spice è #AE8845: rgb(174 136 69), hsl(38 43% 48%), oklch(0.649 0.097 79.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Indian Spice color name →
#AE8845
oklch(0.649 0.097 79.8)
Conversioni di colore
- HEX
- #ae8845
- RGB
- rgb(174 136 69)
- HSL
- hsl(38 43% 48%)
- HWB
- hwb(38 27% 32%)
- OKLCH
- oklch(0.649 0.097 79.8)
- OKLab
- oklab(0.649 0.017 0.095)
- CIE Lab
- lab(59.37 9.32 41.12)
- LCH
- lch(59.37 42.16 77.2)
- CMYK
- cmyk(0% 22% 60% 32%)
Tinte · Ombre · Toni
Tinte
- B69459
- BE9F6C
- C6AB7E
- CEB791
- D6C3A3
- DFCFB5
- E7DBC7
- EFE7DA
- F7F3EC
Ombre
- 97753B
- 806331
- 6A5227
- 55411E
- 413115
- 2E220C
- 1C1305
- 0B0602
- 010100
Toni
- A9874D
- A58754
- A0865B
- 9C8561
- 978566
- 93846C
- 8E8371
- 898276
- 85817B
Armonie di colore
Complementare +180°
- AE8845
Indian Spice
- 6C90CA
≈ Cornflower Blue
Analogo -30° +30°
- AE8845
Indian Spice
- BF7D58
≈ Pheasant
- 93944A
≈ Winter Pea Green
Triadico +120° +240°
- AE8845
Indian Spice
- 32A1A6
≈ Cancer Seagreen Scarab
- A97BB4
≈ Berries Galore
Complementare divisa +150° +210°
- AE8845
Indian Spice
- 479ABE
≈ Fairy Tale Blue
- 8E85C6
≈ Amethyst Grey
Tetradico +90° +180° +270°
- AE8845
Indian Spice
- 48A286
≈ Inspiration Peak
- 6C90CA
≈ Cornflower Blue
- BB7697
≈ Benifuji
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.27:1 · APCA Lc 60
Ag
AASu nero
WCAG 6.40:1 · APCA Lc 42
Miglior colore del testo: #000000
WCAG 6.40:1 (AA) · APCA Lc 42
Contrast pairs
Frammenti di codice
CSS
:root {
--indian-spice: #ae8845;
--indian-spice-rgb: 174 136 69;
--indian-spice-oklch: oklch(0.649 0.097 79.8);
}
.element {
color: var(--indian-spice);
background-color: hsl(38 43% 48%);
border-color: oklch(0.649 0.097 79.8);
}Tailwind CSS v4
@theme {
--color-indian-spice: #ae8845;
--color-indian-spice-50: #fff3d7;
--color-indian-spice-100: #f8e5c4;
--color-indian-spice-200: #e9d1a6;
--color-indian-spice-300: #d0b37e;
--color-indian-spice-400: #bd9859;
--color-indian-spice-500: #a87e31;
--color-indian-spice-600: #8e6b2b;
--color-indian-spice-700: #725522;
--color-indian-spice-800: #553e17;
--color-indian-spice-900: #3b2a0f;
--color-indian-spice-950: #251803;
}SCSS
$indian-spice: #ae8845;
$indian-spice-rgb: 174, 136, 69;
$indian-spice-light: mix(#fff, $indian-spice, 20%);
$indian-spice-dark: mix(#000, $indian-spice, 20%);
.element {
color: $indian-spice;
box-shadow: 0 0 0 2px rgba($indian-spice, 0.35);
}