Named color · #5B3A24
Carnaby Tan
Carnaby Tan is #5B3A24: rgb(91 58 36), hsl(24 43% 25%), oklch(0.382 0.058 53.8). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Brown mean? → · Carnaby Tan color name →
#5B3A24
oklch(0.382 0.058 53.8)
Color conversions
- HEX
- #5b3a24
- RGB
- rgb(91 58 36)
- HSL
- hsl(24 43% 25%)
- HWB
- hwb(24 14% 64%)
- OKLCH
- oklch(0.382 0.058 53.8)
- OKLab
- oklab(0.382 0.034 0.047)
- CIE Lab
- lab(28.03 13.13 19.86)
- LCH
- lch(28.03 23.8 56.5)
- CMYK
- cmyk(0% 36% 60% 64%)
Tints · Shades · Tones
Tints
- 6B4C38
- 7A5E4C
- 8A7160
- 9A8476
- AB978B
- BBABA1
- CCC0B8
- DDD4CF
- EEEAE7
Shades
- 4E311E
- 412818
- 352012
- 29180C
- 1E1007
- 130904
- 090402
- 030100
- 000000
Tones
- 5F412D
- 634836
- 674F3F
- 6B5648
- 6E5D51
- 72645B
- 766B64
- 79726D
- 7D7977
Color harmonies
Complementary +180°
- 5B3A24
Carnaby Tan
- 1F485D
≈ Dark Slate Blue
Analogous -30° +30°
- 5B3A24
Carnaby Tan
- 5E3634
≈ Sommelier
- 52401B
≈ Clove Yellow Brown
Triadic +120° +240°
- 5B3A24
Carnaby Tan
- 1B4D40
≈ English Green
- 443D5F
≈ Mulberry Mauve Black
Split-complementary +150° +210°
- 5B3A24
Carnaby Tan
- 114C51
≈ Port Malmesbury
- 334262
≈ Black Turmeric
Tetradic +90° +180° +270°
- 5B3A24
Carnaby Tan
- 2F4B2F
≈ Nettle Green
- 1F485D
≈ Dark Slate Blue
- 523854
≈ Dark Blackberry
Contrast & accessibility
Ag
AAAOn white
WCAG 10.11:1 · APCA Lc 93
Ag
FailOn black
WCAG 2.07:1 · APCA Lc 9
Best text color: #FFFFFF
WCAG 10.11:1 (AAA) · APCA Lc 93
Contrast pairs
Code snippets
CSS
:root {
--carnaby-tan: #5b3a24;
--carnaby-tan-rgb: 91 58 36;
--carnaby-tan-oklch: oklch(0.382 0.058 53.8);
}
.element {
color: var(--carnaby-tan);
background-color: hsl(24 43% 25%);
border-color: oklch(0.382 0.058 53.8);
}Tailwind CSS v4
@theme {
--color-carnaby-tan: #5b3a24;
--color-carnaby-tan-50: #fff1e6;
--color-carnaby-tan-100: #f8e3d6;
--color-carnaby-tan-200: #e9cebd;
--color-carnaby-tan-300: #cfb09b;
--color-carnaby-tan-400: #ba967f;
--color-carnaby-tan-500: #a57c62;
--color-carnaby-tan-600: #8c6953;
--color-carnaby-tan-700: #705442;
--color-carnaby-tan-800: #533d30;
--color-carnaby-tan-900: #3a2a20;
--color-carnaby-tan-950: #241710;
}SCSS
$carnaby-tan: #5b3a24;
$carnaby-tan-rgb: 91, 58, 36;
$carnaby-tan-light: mix(#fff, $carnaby-tan, 20%);
$carnaby-tan-dark: mix(#000, $carnaby-tan, 20%);
.element {
color: $carnaby-tan;
box-shadow: 0 0 0 2px rgba($carnaby-tan, 0.35);
}