Named color · #A85143
Indian Summer
Indian Summer is #A85143: rgb(168 81 67), hsl(8 43% 46%), oklch(0.54 0.118 30.7). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Red mean? → · Indian Summer color name →
#A85143
oklch(0.54 0.118 30.7)
Color conversions
- HEX
- #a85143
- RGB
- rgb(168 81 67)
- HSL
- hsl(8 43% 46%)
- HWB
- hwb(8 26% 34%)
- OKLCH
- oklch(0.54 0.118 30.7)
- OKLab
- oklab(0.54 0.101 0.06)
- CIE Lab
- lab(45.57 35.67 25.79)
- LCH
- lch(45.57 44.02 35.9)
- CMYK
- cmyk(0% 52% 60% 34%)
Tints · Shades · Tones
Tints
- B26255
- BC7467
- C58579
- CE968B
- D7A79E
- E0B8B1
- E8CAC4
- F0DBD7
- F8EDEB
Shades
- 924539
- 7C3A2F
- 672F26
- 52241D
- 3F1A14
- 2C100C
- 1A0705
- 0A0201
- 010000
Tones
- A5574A
- A25C50
- 9E6156
- 9B665C
- 976B62
- 936F68
- 8F746E
- 8A7874
- 857C7A
Color harmonies
Complementary +180°
- A85143
Indian Summer
- 007D8D
≈ Metallic Seaweed
Analogous -30° +30°
- A85143
Indian Summer
- A44E6B
≈ Raspberry Patch
- 9F5C14
≈ Tortoiseshell Specs
Triadic +120° +240°
- A85143
Indian Summer
- 308149
≈ Bold Irish
- 5569B3
≈ Amparo Blue
Split-complementary +150° +210°
- A85143
Indian Summer
- 008171
≈ Tropical Green
- 1676AC
≈ Deluge
Tetradic +90° +180° +270°
- A85143
Indian Summer
- 65781A
≈ Topiary Green
- 007D8D
≈ Metallic Seaweed
- 7A5DA8
≈ Genestealer Purple
Contrast & accessibility
Ag
AAOn white
WCAG 5.35:1 · APCA Lc 76
Ag
FailOn black
WCAG 3.92:1 · APCA Lc 26
Best text color: #FFFFFF
WCAG 5.35:1 (AA) · APCA Lc 76
Contrast pairs
Code snippets
CSS
:root {
--indian-summer: #a85143;
--indian-summer-rgb: 168 81 67;
--indian-summer-oklch: oklch(0.54 0.118 30.7);
}
.element {
color: var(--indian-summer);
background-color: hsl(8 43% 46%);
border-color: oklch(0.54 0.118 30.7);
}Tailwind CSS v4
@theme {
--color-indian-summer: #a85143;
--color-indian-summer-50: #ffeae0;
--color-indian-summer-100: #ffdacf;
--color-indian-summer-200: #ffc3b4;
--color-indian-summer-300: #eda191;
--color-indian-summer-400: #db8374;
--color-indian-summer-500: #c86555;
--color-indian-summer-600: #a95648;
--color-indian-summer-700: #884539;
--color-indian-summer-800: #65312a;
--color-indian-summer-900: #47211c;
--color-indian-summer-950: #2e100d;
}SCSS
$indian-summer: #a85143;
$indian-summer-rgb: 168, 81, 67;
$indian-summer-light: mix(#fff, $indian-summer, 20%);
$indian-summer-dark: mix(#000, $indian-summer, 20%);
.element {
color: $indian-summer;
box-shadow: 0 0 0 2px rgba($indian-summer, 0.35);
}