Nearest named color · #A85C46
#A85C46
Nearest named color: Grand Canyon
#A85C46 (rgb(168 92 70), hsl(13 41% 47%), oklch(0.559 0.105 37)) is closest to the named color Grand Canyon. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#A85C46
oklch(0.559 0.105 37)
Color conversions
- HEX
- #a85c46
- RGB
- rgb(168 92 70)
- HSL
- hsl(13 41% 47%)
- HWB
- hwb(13 27% 34%)
- OKLCH
- oklch(0.559 0.105 37)
- OKLab
- oklab(0.559 0.084 0.063)
- CIE Lab
- lab(47.95 30.21 26.98)
- LCH
- lch(47.95 40.5 41.8)
- CMYK
- cmyk(0% 45% 58% 34%)
Tints · Shades · Tones
Tints
- B26C58
- BB7C69
- C48C7B
- CD9C8D
- D6ACA0
- DFBCB2
- E7CDC5
- EFDDD8
- F7EEEB
Shades
- 924F3C
- 7C4232
- 673628
- 522A1E
- 3F1F15
- 2C140D
- 1A0A05
- 0A0302
- 010000
Tones
- A5604C
- A16453
- 9E6858
- 9A6C5E
- 967064
- 92736A
- 8E766F
- 8A7A75
- 857D7B
Color harmonies
Complementary +180°
- A85C46
Grand Canyon
- 00829A
≈ Decore Splash
Analogous -30° +30°
- A85C46
Grand Canyon
- A75869
≈ Splatter
- 9D6625
≈ Caramel Kisses
Triadic +120° +240°
- A85C46
Grand Canyon
- 34865B
≈ Exquisite Emerald
- 656DB1
≈ Mediaeval
Split-complementary +150° +210°
- A85C46
Grand Canyon
- 00867E
≈ Ornamental Turquoise
- 3B79AE
≈ Viennese Blue
Tetradic +90° +180° +270°
- A85C46
Grand Canyon
- 637F36
≈ Dirty Green
- 00829A
≈ Decore Splash
- 8462A4
≈ Chive Blossom
Contrast & accessibility
Ag
AAOn white
WCAG 4.90:1 · APCA Lc 74
Ag
FailOn black
WCAG 4.28:1 · APCA Lc 28
Best text color: #FFFFFF
WCAG 4.90:1 (AA) · APCA Lc 74
Contrast pairs
Code snippets
CSS
:root {
--grand-canyon: #a85c46;
--grand-canyon-rgb: 168 92 70;
--grand-canyon-oklch: oklch(0.559 0.105 37);
}
.element {
color: var(--grand-canyon);
background-color: hsl(13 41% 47%);
border-color: oklch(0.559 0.105 37);
}Tailwind CSS v4
@theme {
--color-grand-canyon: #a85c46;
--color-grand-canyon-50: #ffecdf;
--color-grand-canyon-100: #ffddce;
--color-grand-canyon-200: #fdc6b3;
--color-grand-canyon-300: #e7a590;
--color-grand-canyon-400: #d48872;
--color-grand-canyon-500: #c16b52;
--color-grand-canyon-600: #a35b46;
--color-grand-canyon-700: #834938;
--color-grand-canyon-800: #613429;
--color-grand-canyon-900: #44231b;
--color-grand-canyon-950: #2c120c;
}SCSS
$grand-canyon: #a85c46;
$grand-canyon-rgb: 168, 92, 70;
$grand-canyon-light: mix(#fff, $grand-canyon, 20%);
$grand-canyon-dark: mix(#000, $grand-canyon, 20%);
.element {
color: $grand-canyon;
box-shadow: 0 0 0 2px rgba($grand-canyon, 0.35);
}