Named color · #75603D
High Chaparral
High Chaparral is #75603D: rgb(117 96 61), hsl(38 31% 35%), oklch(0.501 0.057 79.6). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Brown mean? → · High Chaparral color name →
#75603D
oklch(0.501 0.057 79.6)
Color conversions
- HEX
- #75603d
- RGB
- rgb(117 96 61)
- HSL
- hsl(38 31% 35%)
- HWB
- hwb(38 24% 54%)
- OKLCH
- oklch(0.501 0.057 79.6)
- OKLab
- oklab(0.501 0.01 0.056)
- CIE Lab
- lab(42.19 5.08 23.3)
- LCH
- lch(42.19 23.84 77.7)
- CMYK
- cmyk(0% 18% 48% 54%)
Tints · Shades · Tones
Tints
- 826F4F
- 8F7E62
- 9D8D74
- AA9D87
- B8AC9A
- C6BDAE
- D4CDC2
- E2DDD6
- F0EEEA
Shades
- 655234
- 55452B
- 463822
- 372C1A
- 292012
- 1C150A
- 0F0A04
- 050301
- 010000
Tones
- 766344
- 77664B
- 786A52
- 7A6D58
- 7B705F
- 7C7366
- 7D776C
- 7E7A73
- 7F7D79
Color harmonies
Complementary +180°
- 75603D
High Chaparral
- 506485
≈ Luxe Blue
Analogous -30° +30°
- 75603D
High Chaparral
- 7F5A46
≈ Stagecoach
- 65673F
≈ Hellebore
Triadic +120° +240°
- 75603D
High Chaparral
- 386E70
≈ Lakelike
- 725978
≈ Trixter
Split-complementary +150° +210°
- 75603D
High Chaparral
- 3F6A7E
≈ Lake Stream
- 635E82
≈ Purple Valley
Tetradic +90° +180° +270°
- 75603D
High Chaparral
- 406E5E
≈ Cormorant
- 506485
≈ Luxe Blue
- 7D5668
≈ Royal Fig
Contrast & accessibility
Ag
AAOn white
WCAG 6.00:1 · APCA Lc 80
Ag
FailOn black
WCAG 3.49:1 · APCA Lc 22
Best text color: #FFFFFF
WCAG 6.00:1 (AA) · APCA Lc 80
Contrast pairs
Code snippets
CSS
:root {
--high-chaparral: #75603d;
--high-chaparral-rgb: 117 96 61;
--high-chaparral-oklch: oklch(0.501 0.057 79.6);
}
.element {
color: var(--high-chaparral);
background-color: hsl(38 31% 35%);
border-color: oklch(0.501 0.057 79.6);
}Tailwind CSS v4
@theme {
--color-high-chaparral: #75603d;
--color-high-chaparral-50: #fef4e3;
--color-high-chaparral-100: #f2e6d3;
--color-high-chaparral-200: #e1d2b9;
--color-high-chaparral-300: #c6b597;
--color-high-chaparral-400: #b19b78;
--color-high-chaparral-500: #9a825a;
--color-high-chaparral-600: #836e4d;
--color-high-chaparral-700: #69583d;
--color-high-chaparral-800: #4d402c;
--color-high-chaparral-900: #362c1d;
--color-high-chaparral-950: #21190d;
}SCSS
$high-chaparral: #75603d;
$high-chaparral-rgb: 117, 96, 61;
$high-chaparral-light: mix(#fff, $high-chaparral, 20%);
$high-chaparral-dark: mix(#000, $high-chaparral, 20%);
.element {
color: $high-chaparral;
box-shadow: 0 0 0 2px rgba($high-chaparral, 0.35);
}