Benannte Farbe · #CBB6A4
Rustic Rose
Rustic Rose ist #CBB6A4: rgb(203 182 164), hsl(28 27% 72%), oklch(0.789 0.035 62.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Rustic Rose color name →
#CBB6A4
oklch(0.789 0.035 62.9)
Farbumrechnungen
- HEX
- #cbb6a4
- RGB
- rgb(203 182 164)
- HSL
- hsl(28 27% 72%)
- HWB
- hwb(28 64% 20%)
- OKLCH
- oklch(0.789 0.035 62.9)
- OKLab
- oklab(0.789 0.016 0.031)
- CIE Lab
- lab(75.5 5.61 12.08)
- LCH
- lch(75.5 13.32 65.1)
- CMYK
- cmyk(0% 10% 19% 20%)
Tints · Shades · Tones
Tints
- D0BDAD
- D5C4B6
- DBCCBF
- E0D3C8
- E5DAD1
- EAE1DA
- EFE9E3
- F5F0EC
- FAF8F6
Shades
- B09E8E
- 968679
- 7D6F64
- 655950
- 4D443D
- 37302B
- 221D1A
- 0F0C0A
- 020201
Tones
- C3B0A0
- BCAB9D
- B4A699
- ACA096
- A59B92
- 9D958E
- 96908B
- 8F8B87
- 878584
Farbharmonien
Komplementär +180°
- CBB6A4
Rustic Rose
- A8BDCF
≈ Rendez-Blue
Analog -30° +30°
- CBB6A4
Rustic Rose
- D0B3AC
≈ Damask Dunes
- C2BAA2
≈ Castle Wall
Triadisch +120° +240°
- CBB6A4
Rustic Rose
- A3C2BC
≈ Cascade Green
- BEB5CD
≈ Orchid Petal
Geteilt komplementär +150° +210°
- CBB6A4
Rustic Rose
- A2C1C8
≈ Stratosphere
- B3B9D1
≈ Hundred Waters
Tetradisch +90° +180° +270°
- CBB6A4
Rustic Rose
- AAC1B0
≈ Young Gecko
- A8BDCF
≈ Rendez-Blue
- C9B2C4
≈ Runic Mauve
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.95:1 · APCA Lc 37
Ag
AAAAuf Schwarz
WCAG 10.76:1 · APCA Lc 65
Beste Textfarbe: #000000
WCAG 10.76:1 (AAA) · APCA Lc 65
Contrast pairs
Code-Snippets
CSS
:root {
--rustic-rose: #cbb6a4;
--rustic-rose-rgb: 203 182 164;
--rustic-rose-oklch: oklch(0.789 0.035 62.9);
}
.element {
color: var(--rustic-rose);
background-color: hsl(28 27% 72%);
border-color: oklch(0.789 0.035 62.9);
}Tailwind CSS v4
@theme {
--color-rustic-rose: #cbb6a4;
--color-rustic-rose-50: #fcf3eb;
--color-rustic-rose-100: #f0e6dc;
--color-rustic-rose-200: #dfd2c5;
--color-rustic-rose-300: #c4b4a5;
--color-rustic-rose-400: #ae9a8a;
--color-rustic-rose-500: #97826f;
--color-rustic-rose-600: #806e5e;
--color-rustic-rose-700: #66584b;
--color-rustic-rose-800: #4c4036;
--color-rustic-rose-900: #342c25;
--color-rustic-rose-950: #201914;
}SCSS
$rustic-rose: #cbb6a4;
$rustic-rose-rgb: 203, 182, 164;
$rustic-rose-light: mix(#fff, $rustic-rose, 20%);
$rustic-rose-dark: mix(#000, $rustic-rose, 20%);
.element {
color: $rustic-rose;
box-shadow: 0 0 0 2px rgba($rustic-rose, 0.35);
}