Named color · #935F43
Cinnamon Spice
Cinnamon Spice is #935F43: rgb(147 95 67), hsl(21 37% 42%), oklch(0.536 0.08 48.8). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Brown mean? → · Cinnamon Spice color name →
#935F43
oklch(0.536 0.08 48.8)
Color conversions
- HEX
- #935f43
- RGB
- rgb(147 95 67)
- HSL
- hsl(21 37% 42%)
- HWB
- hwb(21 26% 42%)
- OKLCH
- oklch(0.536 0.08 48.8)
- OKLab
- oklab(0.536 0.052 0.06)
- CIE Lab
- lab(45.68 19.53 25.13)
- LCH
- lch(45.68 31.83 52.2)
- CMYK
- cmyk(0% 35% 54% 42%)
Tints · Shades · Tones
Tints
- 9E6E55
- A97E67
- B48D79
- BF9D8B
- CAAD9E
- D4BDB1
- DFCDC4
- EADDD7
- F4EEEB
Shades
- 7F5239
- 6C442F
- 593826
- 472C1D
- 362014
- 25150C
- 160A05
- 080301
- 010000
Tones
- 92634A
- 906650
- 8E6A56
- 8D6D5C
- 8B7062
- 897368
- 87776E
- 857A74
- 827D7A
Color harmonies
Complementary +180°
- 935F43
Cinnamon Spice
- 347692
≈ Cottage by the Sea
Analogous -30° +30°
- 935F43
Cinnamon Spice
- 965A5B
≈ Gallery Red
- 866834
≈ By Gum
Triadic +120° +240°
- 935F43
Cinnamon Spice
- 377C65
≈ Trans Tasman
- 6C6699
≈ Dark Horizon
Split-complementary +150° +210°
- 935F43
Cinnamon Spice
- 257B7F
≈ Atoll
- 516E9C
≈ Chesty Bond
Tetradic +90° +180° +270°
- 935F43
Cinnamon Spice
- 55794B
≈ Torrey Pine
- 347692
≈ Cottage by the Sea
- 815E8B
≈ Plum Power
Contrast & accessibility
Ag
AAOn white
WCAG 5.30:1 · APCA Lc 76
Ag
FailOn black
WCAG 3.95:1 · APCA Lc 26
Best text color: #FFFFFF
WCAG 5.30:1 (AA) · APCA Lc 76
Contrast pairs
Code snippets
CSS
:root {
--cinnamon-spice: #935f43;
--cinnamon-spice-rgb: 147 95 67;
--cinnamon-spice-oklch: oklch(0.536 0.08 48.8);
}
.element {
color: var(--cinnamon-spice);
background-color: hsl(21 37% 42%);
border-color: oklch(0.536 0.08 48.8);
}Tailwind CSS v4
@theme {
--color-cinnamon-spice: #935f43;
--color-cinnamon-spice-50: #ffefe1;
--color-cinnamon-spice-100: #ffe1d1;
--color-cinnamon-spice-200: #f1cbb6;
--color-cinnamon-spice-300: #daac93;
--color-cinnamon-spice-400: #c69175;
--color-cinnamon-spice-500: #b17656;
--color-cinnamon-spice-600: #966449;
--color-cinnamon-spice-700: #78503a;
--color-cinnamon-spice-800: #593a2a;
--color-cinnamon-spice-900: #3e271c;
--color-cinnamon-spice-950: #27150d;
}SCSS
$cinnamon-spice: #935f43;
$cinnamon-spice-rgb: 147, 95, 67;
$cinnamon-spice-light: mix(#fff, $cinnamon-spice, 20%);
$cinnamon-spice-dark: mix(#000, $cinnamon-spice, 20%);
.element {
color: $cinnamon-spice;
box-shadow: 0 0 0 2px rgba($cinnamon-spice, 0.35);
}