Benannte Farbe · #C9A196
Raspberry Kahlua
Raspberry Kahlua ist #C9A196: rgb(201 161 150), hsl(13 32% 69%), oklch(0.742 0.05 35.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Raspberry Kahlua color name →
#C9A196
oklch(0.742 0.05 35.9)
Farbumrechnungen
- HEX
- #c9a196
- RGB
- rgb(201 161 150)
- HSL
- hsl(13 32% 69%)
- HWB
- hwb(13 59% 21%)
- OKLCH
- oklch(0.742 0.05 35.9)
- OKLab
- oklab(0.742 0.041 0.029)
- CIE Lab
- lab(69.75 14.04 11.65)
- LCH
- lch(69.75 18.24 39.7)
- CMYK
- cmyk(0% 20% 25% 21%)
Tints · Shades · Tones
Tints
- CFAAA0
- D4B3AA
- DABDB5
- DFC6BF
- E4CFC9
- EAD9D4
- EFE2DF
- F5ECE9
- FAF5F4
Shades
- AE8B82
- 95766E
- 7C625B
- 644E49
- 4C3C37
- 362A26
- 221916
- 0F0908
- 020101
Tones
- C29E94
- BA9A92
- B3978F
- AC948D
- A4918B
- 9D8D89
- 968A87
- 8F8784
- 878382
Farbharmonien
Komplementär +180°
- C9A196
Raspberry Kahlua
- 88B4C0
≈ Thistleblossom Soft Blue
Analog -30° +30°
- C9A196
Raspberry Kahlua
- C89FA7
≈ Primula
- C2A68B
≈ Truffle
Triadisch +120° +240°
- C9A196
Raspberry Kahlua
- 93B69E
≈ Garden District
- A2AACC
≈ Lilac Scent Soft Blue
Geteilt komplementär +150° +210°
- C9A196
Raspberry Kahlua
- 88B6B0
≈ Vintage Blue
- 92AFCA
≈ Matte Blue
Tetradisch +90° +180° +270°
- C9A196
Raspberry Kahlua
- A4B290
≈ Family Tree
- 88B4C0
≈ Thistleblossom Soft Blue
- B3A4C5
≈ Blue Pink
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.32:1 · APCA Lc 46
Ag
AAAAuf Schwarz
WCAG 9.02:1 · APCA Lc 56
Beste Textfarbe: #000000
WCAG 9.02:1 (AAA) · APCA Lc 56
Contrast pairs
Code-Snippets
CSS
:root {
--raspberry-kahlua: #c9a196;
--raspberry-kahlua-rgb: 201 161 150;
--raspberry-kahlua-oklch: oklch(0.742 0.05 35.9);
}
.element {
color: var(--raspberry-kahlua);
background-color: hsl(13 32% 69%);
border-color: oklch(0.742 0.05 35.9);
}Tailwind CSS v4
@theme {
--color-raspberry-kahlua: #c9a196;
--color-raspberry-kahlua-50: #fff1eb;
--color-raspberry-kahlua-100: #f8e3dc;
--color-raspberry-kahlua-200: #e9cdc5;
--color-raspberry-kahlua-300: #cfafa5;
--color-raspberry-kahlua-400: #ba958a;
--color-raspberry-kahlua-500: #a47b6f;
--color-raspberry-kahlua-600: #8b685e;
--color-raspberry-kahlua-700: #6f534b;
--color-raspberry-kahlua-800: #523c37;
--color-raspberry-kahlua-900: #392926;
--color-raspberry-kahlua-950: #241714;
}SCSS
$raspberry-kahlua: #c9a196;
$raspberry-kahlua-rgb: 201, 161, 150;
$raspberry-kahlua-light: mix(#fff, $raspberry-kahlua, 20%);
$raspberry-kahlua-dark: mix(#000, $raspberry-kahlua, 20%);
.element {
color: $raspberry-kahlua;
box-shadow: 0 0 0 2px rgba($raspberry-kahlua, 0.35);
}