Named color · #5C512F
West Coast
West Coast is #5C512F: rgb(92 81 47), hsl(45 32% 27%), oklch(0.437 0.052 92.1). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Brown mean? → · West Coast color name →
#5C512F
oklch(0.437 0.052 92.1)
Color conversions
- HEX
- #5c512f
- RGB
- rgb(92 81 47)
- HSL
- hsl(45 32% 27%)
- HWB
- hwb(45 18% 64%)
- OKLCH
- oklch(0.437 0.052 92.1)
- OKLab
- oklab(0.437 -0.002 0.052)
- CIE Lab
- lab(34.91 0.83 21.68)
- LCH
- lch(34.91 21.69 87.8)
- CMYK
- cmyk(0% 12% 49% 64%)
Tints · Shades · Tones
Tints
- 6B6142
- 7A7156
- 8A8269
- 9A937D
- AAA492
- BAB6A7
- CBC8BC
- DCDAD2
- EDECE8
Shades
- 4F4527
- 423A20
- 362F19
- 2A2412
- 1F1A0C
- 141006
- 0A0703
- 030201
- 000000
Tones
- 605637
- 635A40
- 675F48
- 6A6450
- 6E6858
- 716D60
- 757268
- 797670
- 7C7B78
Color harmonies
Complementary +180°
- 5C512F
West Coast
- 47506F
≈ Astronaut
Analogous -30° +30°
- 5C512F
West Coast
- 674B33
≈ Black Power
- 4D5636
≈ Chive
Triadic +120° +240°
- 5C512F
West Coast
- 2C5963
≈ Petro Blue
- 63475F
≈ Plum Rich
Split-complementary +150° +210°
- 5C512F
West Coast
- 37556C
≈ Albeit
- 574B6A
≈ Paparazzi
Tetradic +90° +180° +270°
- 5C512F
West Coast
- 2D5B54
≈ Holly Leaf
- 47506F
≈ Astronaut
- 6A464F
≈ Mixed Berry Jam
Contrast & accessibility
Ag
AAAOn white
WCAG 7.85:1 · APCA Lc 87
Ag
FailOn black
WCAG 2.67:1 · APCA Lc 15
Best text color: #FFFFFF
WCAG 7.85:1 (AAA) · APCA Lc 87
Contrast pairs
Code snippets
CSS
:root {
--west-coast: #5c512f;
--west-coast-rgb: 92 81 47;
--west-coast-oklch: oklch(0.437 0.052 92.1);
}
.element {
color: var(--west-coast);
background-color: hsl(45 32% 27%);
border-color: oklch(0.437 0.052 92.1);
}Tailwind CSS v4
@theme {
--color-west-coast: #5c512f;
--color-west-coast-50: #faf5e5;
--color-west-coast-100: #ede8d5;
--color-west-coast-200: #dbd4bc;
--color-west-coast-300: #c0b79a;
--color-west-coast-400: #a99e7b;
--color-west-coast-500: #92865e;
--color-west-coast-600: #7c7150;
--color-west-coast-700: #635a40;
--color-west-coast-800: #49422d;
--color-west-coast-900: #332d1f;
--color-west-coast-950: #1f1a0e;
}SCSS
$west-coast: #5c512f;
$west-coast-rgb: 92, 81, 47;
$west-coast-light: mix(#fff, $west-coast, 20%);
$west-coast-dark: mix(#000, $west-coast, 20%);
.element {
color: $west-coast;
box-shadow: 0 0 0 2px rgba($west-coast, 0.35);
}