Benannte Farbe · #D3B6BA
Rose Stain
Rose Stain ist #D3B6BA: rgb(211 182 186), hsl(352 25% 77%), oklch(0.802 0.034 8.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Rose Stain color name →
#D3B6BA
oklch(0.802 0.034 8.5)
Farbumrechnungen
- HEX
- #d3b6ba
- RGB
- rgb(211 182 186)
- HSL
- hsl(352 25% 77%)
- HWB
- hwb(352 71% 17%)
- OKLCH
- oklch(0.802 0.034 8.5)
- OKLab
- oklab(0.802 0.033 0.005)
- CIE Lab
- lab(76.68 11.23 2.02)
- LCH
- lch(76.68 11.41 10.2)
- CMYK
- cmyk(0% 14% 12% 17%)
Tints · Shades · Tones
Tints
- D7BDC1
- DCC4C7
- E0CCCE
- E5D3D5
- E9DADC
- EEE1E3
- F2E9EA
- F6F0F1
- FBF8F8
Shades
- B79EA1
- 9C8689
- 826F72
- 69595C
- 514446
- 3A3032
- 241D1E
- 100C0D
- 020202
Tones
- CAB0B4
- C2ABAE
- BAA6A8
- B1A0A2
- A99B9D
- A19597
- 989091
- 908B8B
- 888586
Farbharmonien
Komplementär +180°
- D3B6BA
Rose Stain
- A7C6C3
≈ Peppermint Pie
Analog -30° +30°
- D3B6BA
Rose Stain
- CEB7C6
≈ Soft Amethyst
- D3B8AF
≈ Cracker Crumbs
Triadisch +120° +240°
- D3B6BA
Rose Stain
- B8C3AC
≈ Healing Retreat
- AEC1D4
≈ Airway
Geteilt komplementär +150° +210°
- D3B6BA
Rose Stain
- ADC5B6
≈ Sparkling Lake
- A7C4CD
≈ Salt Spray
Tetradisch +90° +180° +270°
- D3B6BA
Rose Stain
- C4BFA7
≈ Zen Essence
- A7C6C3
≈ Peppermint Pie
- B9BDD5
≈ Hazy Sky
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.88:1 · APCA Lc 36
Ag
AAAAuf Schwarz
WCAG 11.16:1 · APCA Lc 67
Beste Textfarbe: #000000
WCAG 11.16:1 (AAA) · APCA Lc 67
Contrast pairs
Code-Snippets
CSS
:root {
--rose-stain: #d3b6ba;
--rose-stain-rgb: 211 182 186;
--rose-stain-oklch: oklch(0.802 0.034 8.5);
}
.element {
color: var(--rose-stain);
background-color: hsl(352 25% 77%);
border-color: oklch(0.802 0.034 8.5);
}Tailwind CSS v4
@theme {
--color-rose-stain: #d3b6ba;
--color-rose-stain-50: #fff1f3;
--color-rose-stain-100: #f3e4e5;
--color-rose-stain-200: #e2cfd1;
--color-rose-stain-300: #c8b1b3;
--color-rose-stain-400: #b1979a;
--color-rose-stain-500: #9b7d82;
--color-rose-stain-600: #836a6e;
--color-rose-stain-700: #695558;
--color-rose-stain-800: #4d3e40;
--color-rose-stain-900: #362a2c;
--color-rose-stain-950: #211819;
}SCSS
$rose-stain: #d3b6ba;
$rose-stain-rgb: 211, 182, 186;
$rose-stain-light: mix(#fff, $rose-stain, 20%);
$rose-stain-dark: mix(#000, $rose-stain, 20%);
.element {
color: $rose-stain;
box-shadow: 0 0 0 2px rgba($rose-stain, 0.35);
}