Nearest named color · #9D5A4F
#9D5A4F
Nearest named color: Grand Canyon
#9D5A4F (rgb(157 90 79), hsl(8 33% 46%), oklch(0.542 0.091 30.2)) is closest to the named color Grand Canyon. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#9D5A4F
oklch(0.542 0.091 30.2)
Color conversions
- HEX
- #9d5a4f
- RGB
- rgb(157 90 79)
- HSL
- hsl(8 33% 46%)
- HWB
- hwb(8 31% 38%)
- OKLCH
- oklch(0.542 0.091 30.2)
- OKLab
- oklab(0.542 0.078 0.046)
- CIE Lab
- lab(46.05 27.32 18.91)
- LCH
- lch(46.05 33.23 34.7)
- CMYK
- cmyk(0% 43% 50% 38%)
Tints · Shades · Tones
Tints
- A86A5F
- B27A70
- BC8A81
- C69A92
- D0AAA4
- DABBB5
- E3CCC7
- EDDDDA
- F6EEEC
Shades
- 884D44
- 734138
- 5F352E
- 4C2923
- 3A1E19
- 281310
- 180907
- 090302
- 010000
Tones
- 9B5E54
- 986259
- 96665E
- 936A63
- 916E68
- 8E726D
- 8B7572
- 877976
- 847D7B
Color harmonies
Complementary +180°
- 9D5A4F
Grand Canyon
- 107D8C
≈ Metallic Seaweed
Analogous -30° +30°
- 9D5A4F
Grand Canyon
- 9A586D
≈ Mulberry Mix
- 956235
≈ Oregon Hazel
Triadic +120° +240°
- 9D5A4F
Grand Canyon
- 457E53
≈ Melbourne
- 5B6CA4
≈ Splendour and Pride
Split-complementary +150° +210°
- 9D5A4F
Grand Canyon
- 1C8071
≈ Tropical Green
- 38769F
≈ Taiwan Blue Magpie
Tetradic +90° +180° +270°
- 9D5A4F
Grand Canyon
- 687737
≈ Army Golf
- 107D8C
≈ Metallic Seaweed
- 78639C
≈ Purple Paradise
Contrast & accessibility
Ag
AAOn white
WCAG 5.23:1 · APCA Lc 76
Ag
FailOn black
WCAG 4.00:1 · APCA Lc 26
Best text color: #FFFFFF
WCAG 5.23:1 (AA) · APCA Lc 76
Contrast pairs
Code snippets
CSS
:root {
--grand-canyon: #9d5a4f;
--grand-canyon-rgb: 157 90 79;
--grand-canyon-oklch: oklch(0.542 0.091 30.2);
}
.element {
color: var(--grand-canyon);
background-color: hsl(8 33% 46%);
border-color: oklch(0.542 0.091 30.2);
}Tailwind CSS v4
@theme {
--color-grand-canyon: #9d5a4f;
--color-grand-canyon-50: #ffece5;
--color-grand-canyon-100: #ffded5;
--color-grand-canyon-200: #f9c7bc;
--color-grand-canyon-300: #e2a79a;
--color-grand-canyon-400: #ce8a7e;
--color-grand-canyon-500: #bb6e62;
--color-grand-canyon-600: #9e5e53;
--color-grand-canyon-700: #7f4b42;
--color-grand-canyon-800: #5e3630;
--color-grand-canyon-900: #422521;
--color-grand-canyon-950: #2a1310;
}SCSS
$grand-canyon: #9d5a4f;
$grand-canyon-rgb: 157, 90, 79;
$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);
}