Benannte Farbe · #805B48
Spiced Cinnamon
Spiced Cinnamon ist #805B48: rgb(128 91 72), hsl(20 28% 39%), oklch(0.505 0.057 48.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Spiced Cinnamon color name →
#805B48
oklch(0.505 0.057 48.2)
Farbumrechnungen
- HEX
- #805b48
- RGB
- rgb(128 91 72)
- HSL
- hsl(20 28% 39%)
- HWB
- hwb(20 28% 50%)
- OKLCH
- oklch(0.505 0.057 48.2)
- OKLab
- oklab(0.505 0.038 0.042)
- CIE Lab
- lab(42.3 13.79 17.3)
- LCH
- lch(42.3 22.12 51.5)
- CMYK
- cmyk(0% 29% 44% 50%)
Tints · Shades · Tones
Tints
- 8C6A59
- 997A6A
- A58A7B
- B29A8D
- BFAA9F
- CBBAB2
- D8CBC5
- E5DCD8
- F2EEEB
Shades
- 6E4E3D
- 5D4133
- 4D3529
- 3D291F
- 2E1E16
- 1F130D
- 120906
- 060302
- 010000
Tones
- 805F4E
- 816353
- 816659
- 816A5F
- 816E64
- 81716A
- 81756F
- 817975
- 807C7A
Farbharmonien
Komplementär +180°
- 805B48
Spiced Cinnamon
- 406B7F
≈ Lake Stream
Analog -30° +30°
- 805B48
Spiced Cinnamon
- 825858
≈ Alaea
- 77613F
≈ Queen Lioness
Triadisch +120° +240°
- 805B48
Spiced Cinnamon
- 436F5F
≈ Cormorant
- 636084
≈ Pharaoh Purple
Geteilt komplementär +150° +210°
- 805B48
Spiced Cinnamon
- 396F71
≈ Lakelike
- 516685
≈ Luxe Blue
Tetradisch +90° +180° +270°
- 805B48
Spiced Cinnamon
- 556D4D
≈ Daylight Jungle
- 406B7F
≈ Lake Stream
- 735B7A
≈ Princely Violet
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.98:1 · APCA Lc 80
Ag
FailAuf Schwarz
WCAG 3.50:1 · APCA Lc 22
Beste Textfarbe: #FFFFFF
WCAG 5.98:1 (AA) · APCA Lc 80
Contrast pairs
Code-Snippets
CSS
:root {
--spiced-cinnamon: #805b48;
--spiced-cinnamon-rgb: 128 91 72;
--spiced-cinnamon-oklch: oklch(0.505 0.057 48.2);
}
.element {
color: var(--spiced-cinnamon);
background-color: hsl(20 28% 39%);
border-color: oklch(0.505 0.057 48.2);
}Tailwind CSS v4
@theme {
--color-spiced-cinnamon: #805b48;
--color-spiced-cinnamon-50: #fff1e7;
--color-spiced-cinnamon-100: #f9e3d7;
--color-spiced-cinnamon-200: #e9cebf;
--color-spiced-cinnamon-300: #d0b09e;
--color-spiced-cinnamon-400: #bb9581;
--color-spiced-cinnamon-500: #a67b65;
--color-spiced-cinnamon-600: #8c6856;
--color-spiced-cinnamon-700: #705344;
--color-spiced-cinnamon-800: #533c32;
--color-spiced-cinnamon-900: #3a2922;
--color-spiced-cinnamon-950: #241711;
}SCSS
$spiced-cinnamon: #805b48;
$spiced-cinnamon-rgb: 128, 91, 72;
$spiced-cinnamon-light: mix(#fff, $spiced-cinnamon, 20%);
$spiced-cinnamon-dark: mix(#000, $spiced-cinnamon, 20%);
.element {
color: $spiced-cinnamon;
box-shadow: 0 0 0 2px rgba($spiced-cinnamon, 0.35);
}