Benannte Farbe · #C9543A
Cinnamon Stone
Cinnamon Stone ist #C9543A: rgb(201 84 58), hsl(11 57% 51%), oklch(0.593 0.155 34). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Cinnamon Stone color name →
#C9543A
oklch(0.593 0.155 34)
Farbumrechnungen
- HEX
- #c9543a
- RGB
- rgb(201 84 58)
- HSL
- hsl(11 57% 51%)
- HWB
- hwb(11 23% 21%)
- OKLCH
- oklch(0.593 0.155 34)
- OKLab
- oklab(0.593 0.128 0.087)
- CIE Lab
- lab(51.39 46.39 39.26)
- LCH
- lch(51.39 60.77 40.2)
- CMYK
- cmyk(0% 58% 71% 21%)
Tints · Shades · Tones
Tints
- D0664E
- D77862
- DE8975
- E49A89
- EAAB9C
- EFBCAF
- F4CDC3
- F8DDD7
- FCEEEB
Shades
- AE4831
- 953C28
- 7C3120
- 642618
- 4C1B10
- 361109
- 220804
- 0F0201
- 020000
Tones
- C35A43
- BC604B
- B66552
- AF6A59
- A86E60
- A17267
- 99766D
- 917A74
- 897D7A
Farbharmonien
Komplementär +180°
- C9543A
Cinnamon Stone
- 008DA4
≈ Parrot Flight
Analog -30° +30°
- C9543A
Cinnamon Stone
- C64F73
≈ Fruit Dove
- B46A00
≈ Brown Orange
Triadisch +120° +240°
- C9543A
Cinnamon Stone
- 009753
≈ Garnish
- 6373D9
≈ C64 Purple
Geteilt komplementär +150° +210°
- C9543A
Cinnamon Stone
- 009285
≈ Deep Peacock Blue
- 0085CE
≈ Calgar Blue
Tetradisch +90° +180° +270°
- C9543A
Cinnamon Stone
- 6C8C00
≈ Asparagus Sultan
- 008DA4
≈ Parrot Flight
- 9362C8
≈ Amethyst
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.36:1 · APCA Lc 70
Ag
AAAuf Schwarz
WCAG 4.81:1 · APCA Lc 32
Beste Textfarbe: #000000
WCAG 4.81:1 (AA) · APCA Lc 32
Contrast pairs
Code-Snippets
CSS
:root {
--cinnamon-stone: #c9543a;
--cinnamon-stone-rgb: 201 84 58;
--cinnamon-stone-oklch: oklch(0.593 0.155 34);
}
.element {
color: var(--cinnamon-stone);
background-color: hsl(11 57% 51%);
border-color: oklch(0.593 0.155 34);
}Tailwind CSS v4
@theme {
--color-cinnamon-stone: #c9543a;
--color-cinnamon-stone-50: #ffe6d7;
--color-cinnamon-stone-100: #ffd6c4;
--color-cinnamon-stone-200: #ffbda6;
--color-cinnamon-stone-300: #fc9a7f;
--color-cinnamon-stone-400: #eb785e;
--color-cinnamon-stone-500: #d95639;
--color-cinnamon-stone-600: #b74a32;
--color-cinnamon-stone-700: #933b27;
--color-cinnamon-stone-800: #6e291d;
--color-cinnamon-stone-900: #4e1c13;
--color-cinnamon-stone-950: #330b05;
}SCSS
$cinnamon-stone: #c9543a;
$cinnamon-stone-rgb: 201, 84, 58;
$cinnamon-stone-light: mix(#fff, $cinnamon-stone, 20%);
$cinnamon-stone-dark: mix(#000, $cinnamon-stone, 20%);
.element {
color: $cinnamon-stone;
box-shadow: 0 0 0 2px rgba($cinnamon-stone, 0.35);
}