Benannte Farbe · #D3C1CB
Bassinet
Bassinet ist #D3C1CB: rgb(211 193 203), hsl(327 17% 79%), oklch(0.829 0.024 343). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Bassinet color name →
#D3C1CB
oklch(0.829 0.024 343)
Farbumrechnungen
- HEX
- #d3c1cb
- RGB
- rgb(211 193 203)
- HSL
- hsl(327 17% 79%)
- HWB
- hwb(327 76% 17%)
- OKLCH
- oklch(0.829 0.024 343)
- OKLab
- oklab(0.829 0.023 -0.007)
- CIE Lab
- lab(79.81 7.85 -2.61)
- LCH
- lch(79.81 8.27 341.6)
- CMYK
- cmyk(0% 9% 4% 17%)
Tints · Shades · Tones
Tints
- D7C7D0
- DCCDD5
- E0D3DA
- E5D9E0
- E9E0E5
- EDE6EA
- F2ECEF
- F6F2F4
- FBF9FA
Shades
- B7A7B0
- 9C8F96
- 82777D
- 695F65
- 51494D
- 3A3437
- 242022
- 100E0F
- 020202
Tones
- CABAC3
- C2B4BC
- B9ADB4
- B1A6AC
- A9A0A5
- A0999D
- 989396
- 908D8E
- 888687
Farbharmonien
Komplementär +180°
- D3C1CB
Bassinet
- BACCC2
≈ Antiqued Aqua
Analog -30° +30°
- D3C1CB
Bassinet
- CCC3D2
≈ Orchid Hush
- D6C1C2
≈ Sprig Muslin
Triadisch +120° +240°
- D3C1CB
Bassinet
- C9C8B6
≈ French Grey Linen
- B7CBD3
≈ April Tears
Geteilt komplementär +150° +210°
- D3C1CB
Bassinet
- C1CBBB
≈ Desert Panzer
- B6CCCB
≈ Clear Pond
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.71:1 · APCA Lc 31
Ag
AAAAuf Schwarz
WCAG 12.26:1 · APCA Lc 72
Beste Textfarbe: #000000
WCAG 12.26:1 (AAA) · APCA Lc 72
Contrast pairs
Code-Snippets
CSS
:root {
--bassinet: #d3c1cb;
--bassinet-rgb: 211 193 203;
--bassinet-oklch: oklch(0.829 0.024 343);
}
.element {
color: var(--bassinet);
background-color: hsl(327 17% 79%);
border-color: oklch(0.829 0.024 343);
}Tailwind CSS v4
@theme {
--color-bassinet: #d3c1cb;
--color-bassinet-50: #fbf2f7;
--color-bassinet-100: #eee5ea;
--color-bassinet-200: #dcd0d6;
--color-bassinet-300: #c1b3ba;
--color-bassinet-400: #a999a2;
--color-bassinet-500: #92808a;
--color-bassinet-600: #7c6c75;
--color-bassinet-700: #63575e;
--color-bassinet-800: #493f45;
--color-bassinet-900: #322b30;
--color-bassinet-950: #1e191c;
}SCSS
$bassinet: #d3c1cb;
$bassinet-rgb: 211, 193, 203;
$bassinet-light: mix(#fff, $bassinet, 20%);
$bassinet-dark: mix(#000, $bassinet, 20%);
.element {
color: $bassinet;
box-shadow: 0 0 0 2px rgba($bassinet, 0.35);
}