Benannte Farbe · #D5B199
Cinnamon Mocha
Cinnamon Mocha ist #D5B199: rgb(213 177 153), hsl(24 42% 72%), oklch(0.786 0.053 55.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Cinnamon Mocha color name →
#D5B199
oklch(0.786 0.053 55.5)
Farbumrechnungen
- HEX
- #d5b199
- RGB
- rgb(213 177 153)
- HSL
- hsl(24 42% 72%)
- HWB
- hwb(24 60% 16%)
- OKLCH
- oklch(0.786 0.053 55.5)
- OKLab
- oklab(0.786 0.03 0.044)
- CIE Lab
- lab(74.98 10.86 17.46)
- LCH
- lch(74.98 20.57 58.1)
- CMYK
- cmyk(0% 17% 28% 16%)
Tints · Shades · Tones
Tints
- D9B9A3
- DEC0AD
- E2C8B7
- E6D0C1
- EAD8CB
- EFDFD6
- F3E7E0
- F7EFEA
- FBF7F5
Shades
- B99984
- 9E8370
- 836C5D
- 6A574A
- 514238
- 3A2F27
- 241C17
- 100C08
- 020101
Tones
- CCAC97
- C4A794
- BBA292
- B29D8F
- AA988D
- A1938A
- 998F88
- 918A85
- 888583
Farbharmonien
Komplementär +180°
- D5B199
Cinnamon Mocha
- 99BFD7
≈ Sky Bus
Analog -30° +30°
- D5B199
Cinnamon Mocha
- DAADA8
≈ Pink Stock
- C9B793
≈ Warm and Toasty
Triadisch +120° +240°
- D5B199
Cinnamon Mocha
- 96C5B8
≈ Float Your Boat
- BBB3D9
≈ Moonraker
Geteilt komplementär +150° +210°
- D5B199
Cinnamon Mocha
- 91C4CA
≈ Cosmic Blue
- A9B9DC
≈ Wisp
Tetradisch +90° +180° +270°
- D5B199
Cinnamon Mocha
- A4C3A5
≈ Aroma Garden
- 99BFD7
≈ Sky Bus
- CCAECC
≈ Windsor Purple
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.98:1 · APCA Lc 38
Ag
AAAAuf Schwarz
WCAG 10.57:1 · APCA Lc 64
Beste Textfarbe: #000000
WCAG 10.57:1 (AAA) · APCA Lc 64
Contrast pairs
Code-Snippets
CSS
:root {
--cinnamon-mocha: #d5b199;
--cinnamon-mocha-rgb: 213 177 153;
--cinnamon-mocha-oklch: oklch(0.786 0.053 55.5);
}
.element {
color: var(--cinnamon-mocha);
background-color: hsl(24 42% 72%);
border-color: oklch(0.786 0.053 55.5);
}Tailwind CSS v4
@theme {
--color-cinnamon-mocha: #d5b199;
--color-cinnamon-mocha-50: #fff2e7;
--color-cinnamon-mocha-100: #f6e4d7;
--color-cinnamon-mocha-200: #e7cfbf;
--color-cinnamon-mocha-300: #cdb19d;
--color-cinnamon-mocha-400: #b89781;
--color-cinnamon-mocha-500: #a27d64;
--color-cinnamon-mocha-600: #896a55;
--color-cinnamon-mocha-700: #6e5544;
--color-cinnamon-mocha-800: #513d31;
--color-cinnamon-mocha-900: #392a21;
--color-cinnamon-mocha-950: #231811;
}SCSS
$cinnamon-mocha: #d5b199;
$cinnamon-mocha-rgb: 213, 177, 153;
$cinnamon-mocha-light: mix(#fff, $cinnamon-mocha, 20%);
$cinnamon-mocha-dark: mix(#000, $cinnamon-mocha, 20%);
.element {
color: $cinnamon-mocha;
box-shadow: 0 0 0 2px rgba($cinnamon-mocha, 0.35);
}