Named color · #6B593C
Gun Corps Brown
Gun Corps Brown is #6B593C: rgb(107 89 60), hsl(37 28% 33%), oklch(0.474 0.049 79.1). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Brown mean? → · Gun Corps Brown color name →
#6B593C
oklch(0.474 0.049 79.1)
Color conversions
- HEX
- #6b593c
- RGB
- rgb(107 89 60)
- HSL
- hsl(37 28% 33%)
- HWB
- hwb(37 24% 58%)
- OKLCH
- oklch(0.474 0.049 79.1)
- OKLab
- oklab(0.474 0.009 0.048)
- CIE Lab
- lab(39.08 4.37 19.68)
- LCH
- lch(39.08 20.16 77.5)
- CMYK
- cmyk(0% 17% 44% 58%)
Tints · Shades · Tones
Tints
- 79684E
- 877860
- 958873
- A49886
- B2A899
- C1B9AD
- D0CAC1
- E0DCD5
- EFEDEA
Shades
- 5C4C33
- 4E402A
- 3F3421
- 322819
- 251D11
- 18130A
- 0D0904
- 040301
- 000000
Tones
- 6D5D43
- 6F614A
- 716551
- 746957
- 766C5E
- 787065
- 7A746C
- 7C7872
- 7E7C79
Color harmonies
Complementary +180°
- 6B593C
Gun Corps Brown
- 4B5D78
≈ Stream
Analogous -30° +30°
- 6B593C
Gun Corps Brown
- 735443
≈ Briar
- 5E5F3E
≈ Eastern Bamboo
Triadic +120° +240°
- 6B593C
Gun Corps Brown
- 386566
≈ China Green Blue
- 68536E
≈ Medicine Man
Split-complementary +150° +210°
- 6B593C
Gun Corps Brown
- 3E6272
≈ Celeste Blue
- 5B5876
≈ Taylor
Tetradic +90° +180° +270°
- 6B593C
Gun Corps Brown
- 3F6557
≈ Earhart Emerald
- 4B5D78
≈ Stream
- 715160
≈ Passionate
Contrast & accessibility
Ag
AAOn white
WCAG 6.73:1 · APCA Lc 83
Ag
FailOn black
WCAG 3.11:1 · APCA Lc 19
Best text color: #FFFFFF
WCAG 6.73:1 (AA) · APCA Lc 83
Contrast pairs
Code snippets
CSS
:root {
--gun-corps-brown: #6b593c;
--gun-corps-brown-rgb: 107 89 60;
--gun-corps-brown-oklch: oklch(0.474 0.049 79.1);
}
.element {
color: var(--gun-corps-brown);
background-color: hsl(37 28% 33%);
border-color: oklch(0.474 0.049 79.1);
}Tailwind CSS v4
@theme {
--color-gun-corps-brown: #6b593c;
--color-gun-corps-brown-50: #fcf4e6;
--color-gun-corps-brown-100: #f0e7d6;
--color-gun-corps-brown-200: #dfd3bd;
--color-gun-corps-brown-300: #c4b59c;
--color-gun-corps-brown-400: #ae9c7e;
--color-gun-corps-brown-500: #988361;
--color-gun-corps-brown-600: #806f53;
--color-gun-corps-brown-700: #675942;
--color-gun-corps-brown-800: #4c402f;
--color-gun-corps-brown-900: #352c20;
--color-gun-corps-brown-950: #201910;
}SCSS
$gun-corps-brown: #6b593c;
$gun-corps-brown-rgb: 107, 89, 60;
$gun-corps-brown-light: mix(#fff, $gun-corps-brown, 20%);
$gun-corps-brown-dark: mix(#000, $gun-corps-brown, 20%);
.element {
color: $gun-corps-brown;
box-shadow: 0 0 0 2px rgba($gun-corps-brown, 0.35);
}