Nearest named color · #A36A22
#A36A22
Nearest named color: Inca Gold
#A36A22 (rgb(163 106 34), hsl(33 65% 39%), oklch(0.573 0.111 67.7)) is closest to the named color Inca Gold. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#A36A22
oklch(0.573 0.111 67.7)
Color conversions
- HEX
- #a36a22
- RGB
- rgb(163 106 34)
- HSL
- hsl(33 65% 39%)
- HWB
- hwb(33 13% 36%)
- OKLCH
- oklch(0.573 0.111 67.7)
- OKLab
- oklab(0.573 0.042 0.103)
- CIE Lab
- lab(50.19 19.06 47.49)
- LCH
- lch(50.19 51.17 68.1)
- CMYK
- cmyk(0% 35% 79% 36%)
Tints · Shades · Tones
Tints
- AD793D
- B68754
- BF966A
- C9A57F
- D2B394
- DBC2A9
- E4D1BE
- EDE0D4
- F6F0E9
Shades
- 8D5B1C
- 784D16
- 633F11
- 4F310B
- 3C2407
- 2A1803
- 190D01
- 0A0400
- 010000
Tones
- A06D30
- 9D6F3C
- 997246
- 967450
- 937658
- 8F7861
- 8C7A69
- 887C71
- 847E78
Color harmonies
Complementary +180°
- A36A22
Inca Gold
- 3C7DB6
≈ Viennese Blue
Analogous -30° +30°
- A36A22
Inca Gold
- AF5F46
≈ Georgia Clay
- 8A7816
≈ Jīn Zōng Gold
Triadic +120° +240°
- A36A22
Inca Gold
- 008B83
≈ Clear Turquoise
- 8A65AB
≈ Empire Violet
Split-complementary +150° +210°
- A36A22
Inca Gold
- 0086A0
≈ Gogo Blue
- 6971B9
≈ Chetwode Blue
Tetradic +90° +180° +270°
- A36A22
Inca Gold
- 318C5E
≈ Argyle
- 3C7DB6
≈ Viennese Blue
- A25D8F
≈ Thimble Red
Contrast & accessibility
Ag
AAOn white
WCAG 4.52:1 · APCA Lc 71
Ag
AAOn black
WCAG 4.64:1 · APCA Lc 31
Best text color: #000000
WCAG 4.64:1 (AA) · APCA Lc 31
Contrast pairs
Code snippets
CSS
:root {
--inca-gold: #a36a22;
--inca-gold-rgb: 163 106 34;
--inca-gold-oklch: oklch(0.573 0.111 67.7);
}
.element {
color: var(--inca-gold);
background-color: hsl(33 65% 39%);
border-color: oklch(0.573 0.111 67.7);
}Tailwind CSS v4
@theme {
--color-inca-gold: #a36a22;
--color-inca-gold-50: #fff0d4;
--color-inca-gold-100: #ffe2c0;
--color-inca-gold-200: #f4cda1;
--color-inca-gold-300: #ddae78;
--color-inca-gold-400: #ca9152;
--color-inca-gold-500: #b67624;
--color-inca-gold-600: #9a6421;
--color-inca-gold-700: #7b501a;
--color-inca-gold-800: #5c3a12;
--color-inca-gold-900: #41270b;
--color-inca-gold-950: #291501;
}SCSS
$inca-gold: #a36a22;
$inca-gold-rgb: 163, 106, 34;
$inca-gold-light: mix(#fff, $inca-gold, 20%);
$inca-gold-dark: mix(#000, $inca-gold, 20%);
.element {
color: $inca-gold;
box-shadow: 0 0 0 2px rgba($inca-gold, 0.35);
}