Named color · #E3AF8E
Ancient Inca
Ancient Inca is #E3AF8E: rgb(227 175 142), hsl(23 60% 72%), oklch(0.794 0.076 53.7). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Orange mean? → · Ancient Inca color name →
#E3AF8E
oklch(0.794 0.076 53.7)
Color conversions
- HEX
- #e3af8e
- RGB
- rgb(227 175 142)
- HSL
- hsl(23 60% 72%)
- HWB
- hwb(23 56% 11%)
- OKLCH
- oklch(0.794 0.076 53.7)
- OKLab
- oklab(0.794 0.045 0.061)
- CIE Lab
- lab(75.74 16.39 24.65)
- LCH
- lch(75.74 29.61 56.4)
- CMYK
- cmyk(0% 23% 37% 11%)
Tints · Shades · Tones
Tints
- E6B799
- E9BFA4
- ECC7B0
- EFCFBB
- F2D7C6
- F5DFD1
- F7E7DD
- FAEFE8
- FDF7F4
Shades
- C5987B
- A88168
- 8C6B56
- 715644
- 574134
- 3F2E24
- 271C15
- 120B07
- 030101
Tones
- D9AA8D
- CFA68C
- C5A18A
- BB9C89
- B19888
- A79386
- 9D8E85
- 948983
- 8A8582
Color harmonies
Complementary +180°
- E3AF8E
Ancient Inca
- 8BC4E5
≈ Club Cruise
Analogous -30° +30°
- E3AF8E
Ancient Inca
- E9A9A4
≈ Soft Salmon
- D3B883
≈ Clumsy Caramel
Triadic +120° +240°
- E3AF8E
Ancient Inca
- 87CCB8
≈ Pale Teal
- BEB3E8
≈ Purple Sand
Split-complementary +150° +210°
- E3AF8E
Ancient Inca
- 7FCAD2
≈ Aqua Belt
- A3BCED
≈ Perano
Tetradic +90° +180° +270°
- E3AF8E
Ancient Inca
- 9FC99D
≈ Gingko
- 8BC4E5
≈ Club Cruise
- D4ACD8
≈ Whisper of Plum
Contrast & accessibility
Ag
FailOn white
WCAG 1.94:1 · APCA Lc 37
Ag
AAAOn black
WCAG 10.78:1 · APCA Lc 65
Best text color: #000000
WCAG 10.78:1 (AAA) · APCA Lc 65
Contrast pairs
Code snippets
CSS
:root {
--ancient-inca: #e3af8e;
--ancient-inca-rgb: 227 175 142;
--ancient-inca-oklch: oklch(0.794 0.076 53.7);
}
.element {
color: var(--ancient-inca);
background-color: hsl(23 60% 72%);
border-color: oklch(0.794 0.076 53.7);
}Tailwind CSS v4
@theme {
--color-ancient-inca: #e3af8e;
--color-ancient-inca-50: #fff0e1;
--color-ancient-inca-100: #fde2d0;
--color-ancient-inca-200: #efcdb6;
--color-ancient-inca-300: #d6ae93;
--color-ancient-inca-400: #c29374;
--color-ancient-inca-500: #ae7855;
--color-ancient-inca-600: #936649;
--color-ancient-inca-700: #76513a;
--color-ancient-inca-800: #573b2a;
--color-ancient-inca-900: #3d281c;
--color-ancient-inca-950: #26160c;
}SCSS
$ancient-inca: #e3af8e;
$ancient-inca-rgb: 227, 175, 142;
$ancient-inca-light: mix(#fff, $ancient-inca, 20%);
$ancient-inca-dark: mix(#000, $ancient-inca, 20%);
.element {
color: $ancient-inca;
box-shadow: 0 0 0 2px rgba($ancient-inca, 0.35);
}