Nearest named color · #87735E
#87735E
Nearest named color: Aztec Temple
#87735E (rgb(135 115 94), hsl(31 18% 45%), oklch(0.569 0.04 68.3)) is closest to the named color Aztec Temple. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#87735E
oklch(0.569 0.04 68.3)
Color conversions
- HEX
- #87735e
- RGB
- rgb(135 115 94)
- HSL
- hsl(31 18% 45%)
- HWB
- hwb(31 37% 47%)
- OKLCH
- oklch(0.569 0.04 68.3)
- OKLab
- oklab(0.569 0.015 0.037)
- CIE Lab
- lab(49.93 5.59 14.71)
- LCH
- lch(49.93 15.74 69.2)
- CMYK
- cmyk(0% 15% 30% 47%)
Tints · Shades · Tones
Tints
- 92806D
- 9E8D7C
- AA9B8C
- B6A99C
- C2B7AC
- CEC5BC
- DAD3CC
- E6E2DD
- F2F0EE
Shades
- 756351
- 635444
- 514537
- 41362B
- 31281F
- 211B14
- 130F0A
- 060503
- 010100
Tones
- 867461
- 867665
- 857768
- 84786C
- 847A6F
- 837B73
- 827C76
- 827D79
- 817F7D
Color harmonies
Complementary +180°
- 87735E
Aztec Temple
- 65798E
≈ Enterprise
Analogous -30° +30°
- 87735E
Aztec Temple
- 8D6F66
≈ Eclectic Plum
- 7D785D
≈ Denali Green
Triadic +120° +240°
- 87735E
Aztec Temple
- 5C7F7B
≈ Stream Burble
- 7E7189
≈ Dancing in the Spring
Split-complementary +150° +210°
- 87735E
Aztec Temple
- 5D7D87
≈ Refuge
- 71758F
≈ Legal Eagle
Tetradic +90° +180° +270°
- 87735E
Aztec Temple
- 647E6E
≈ Ecological
- 65798E
≈ Enterprise
- 876E7F
≈ Raw Garnet Viola
Contrast & accessibility
Ag
AAOn white
WCAG 4.52:1 · APCA Lc 71
Ag
AAOn black
WCAG 4.64:1 · APCA Lc 30
Best text color: #000000
WCAG 4.64:1 (AA) · APCA Lc 30
Contrast pairs
Code snippets
CSS
:root {
--aztec-temple: #87735e;
--aztec-temple-rgb: 135 115 94;
--aztec-temple-oklch: oklch(0.569 0.04 68.3);
}
.element {
color: var(--aztec-temple);
background-color: hsl(31 18% 45%);
border-color: oklch(0.569 0.04 68.3);
}Tailwind CSS v4
@theme {
--color-aztec-temple: #87735e;
--color-aztec-temple-50: #fdf3e9;
--color-aztec-temple-100: #f1e6da;
--color-aztec-temple-200: #e0d2c2;
--color-aztec-temple-300: #c5b4a2;
--color-aztec-temple-400: #af9b86;
--color-aztec-temple-500: #98826a;
--color-aztec-temple-600: #816e5a;
--color-aztec-temple-700: #675848;
--color-aztec-temple-800: #4c4034;
--color-aztec-temple-900: #352c23;
--color-aztec-temple-950: #201912;
}SCSS
$aztec-temple: #87735e;
$aztec-temple-rgb: 135, 115, 94;
$aztec-temple-light: mix(#fff, $aztec-temple, 20%);
$aztec-temple-dark: mix(#000, $aztec-temple, 20%);
.element {
color: $aztec-temple;
box-shadow: 0 0 0 2px rgba($aztec-temple, 0.35);
}