Colore con nome · #DED0D8
Light Bassinet
Light Bassinet è #DED0D8: rgb(222 208 216), hsl(326 18% 84%), oklch(0.871 0.019 342.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Light Bassinet color name →
#DED0D8
oklch(0.871 0.019 342.1)
Conversioni di colore
- HEX
- #ded0d8
- RGB
- rgb(222 208 216)
- HSL
- hsl(326 18% 84%)
- HWB
- hwb(326 82% 13%)
- OKLCH
- oklch(0.871 0.019 342.1)
- OKLab
- oklab(0.871 0.018 -0.006)
- CIE Lab
- lab(84.81 6.05 -2.14)
- LCH
- lch(84.81 6.42 340.6)
- CMYK
- cmyk(0% 6% 3% 13%)
Tinte · Ombre · Toni
Tinte
- E1D5DC
- E5D9E0
- E8DEE4
- EBE3E7
- EEE7EB
- F2ECEF
- F5F1F3
- F8F5F7
- FCFAFB
Ombre
- C1B5BC
- A59AA0
- 898085
- 6F676B
- 554F53
- 3D393B
- 262325
- 121011
- 020202
Toni
- D4C8CF
- CABFC6
- C1B7BD
- B7AFB4
- AEA7AB
- A59FA2
- 9B979A
- 928F91
- 898888
Armonie di colore
Complementare +180°
- DED0D8
Light Bassinet
- CAD9D1
≈ Soft Haze
Analogo -30° +30°
- DED0D8
Light Bassinet
- D9D1DE
≈ Spun Moonbeams
- E1D0D1
≈ Light Sprig Muslin
Triadico +120° +240°
- DED0D8
Light Bassinet
- D7D5C7
≈ Plume Grass
- C8D8DE
≈ Wan Blue
Complementare divisa +150° +210°
- DED0D8
Light Bassinet
- D0D7CB
≈ Aspen Mist
- C7D9D8
≈ Offshore Mist
Tetradico +90° +180° +270°
- DED0D8
Light Bassinet
- DDD3C8
≈ Warm Fog
- CAD9D1
≈ Soft Haze
- CCD6E1
≈ Blue Reflection
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.48:1 · APCA Lc 23
Ag
AAASu nero
WCAG 14.11:1 · APCA Lc 80
Miglior colore del testo: #000000
WCAG 14.11:1 (AAA) · APCA Lc 80
Contrast pairs
Frammenti di codice
CSS
:root {
--light-bassinet: #ded0d8;
--light-bassinet-rgb: 222 208 216;
--light-bassinet-oklch: oklch(0.871 0.019 342.1);
}
.element {
color: var(--light-bassinet);
background-color: hsl(326 18% 84%);
border-color: oklch(0.871 0.019 342.1);
}Tailwind CSS v4
@theme {
--color-light-bassinet: #ded0d8;
--color-light-bassinet-50: #f9f3f6;
--color-light-bassinet-100: #ede5e9;
--color-light-bassinet-200: #dad1d6;
--color-light-bassinet-300: #bfb4ba;
--color-light-bassinet-400: #a79aa1;
--color-light-bassinet-500: #90818a;
--color-light-bassinet-600: #796e74;
--color-light-bassinet-700: #61585d;
--color-light-bassinet-800: #474044;
--color-light-bassinet-900: #312c2f;
--color-light-bassinet-950: #1d191c;
}SCSS
$light-bassinet: #ded0d8;
$light-bassinet-rgb: 222, 208, 216;
$light-bassinet-light: mix(#fff, $light-bassinet, 20%);
$light-bassinet-dark: mix(#000, $light-bassinet, 20%);
.element {
color: $light-bassinet;
box-shadow: 0 0 0 2px rgba($light-bassinet, 0.35);
}