Colore con nome · #D9CED5
Light Puffball
Light Puffball è #D9CED5: rgb(217 206 213), hsl(322 13% 83%), oklch(0.862 0.015 339). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Light Puffball color name →
#D9CED5
oklch(0.862 0.015 339)
Conversioni di colore
- HEX
- #d9ced5
- RGB
- rgb(217 206 213)
- HSL
- hsl(322 13% 83%)
- HWB
- hwb(322 81% 15%)
- OKLCH
- oklch(0.862 0.015 339)
- OKLab
- oklab(0.862 0.014 -0.006)
- CIE Lab
- lab(83.82 4.86 -2.05)
- LCH
- lch(83.82 5.27 337.2)
- CMYK
- cmyk(0% 5% 2% 15%)
Tinte · Ombre · Toni
Tinte
- DDD3D9
- E1D8DD
- E4DDE1
- E8E1E6
- ECE6EA
- F0EBEE
- F4F0F2
- F7F5F6
- FBFAFB
Ombre
- BCB3B9
- A1989E
- 867F83
- 6C666A
- 534E51
- 3B383A
- 252324
- 110F10
- 020202
Toni
- D0C6CC
- C7BEC3
- BDB6BB
- B4AEB2
- ABA6AA
- A39EA1
- 9A9799
- 918F90
- 898788
Armonie di colore
Complementare +180°
- D9CED5
Light Puffball
- CAD5CE
≈ Sprout Green
Analogo -30° +30°
- D9CED5
Light Puffball
- D5CFDA
≈ Lavender Haze
- DBCECF
≈ Brook Trout
Triadico +120° +240°
- D9CED5
Light Puffball
- D4D2C7
≈ Soy Milk
- C7D4D9
≈ Polished Cotton
Complementare divisa +150° +210°
- D9CED5
Light Puffball
- CFD4C9
≈ Quiet Mint
- C7D5D4
≈ Skydiving
Tetradico +90° +180° +270°
- D9CED5
Light Puffball
- D9D0C7
≈ Jodhpur Tan
- CAD5CE
≈ Sprout Green
- CAD3DC
≈ Ephemeral Blue
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.52:1 · APCA Lc 25
Ag
AAASu nero
WCAG 13.73:1 · APCA Lc 79
Miglior colore del testo: #000000
WCAG 13.73:1 (AAA) · APCA Lc 79
Contrast pairs
Frammenti di codice
CSS
:root {
--light-puffball: #d9ced5;
--light-puffball-rgb: 217 206 213;
--light-puffball-oklch: oklch(0.862 0.015 339);
}
.element {
color: var(--light-puffball);
background-color: hsl(322 13% 83%);
border-color: oklch(0.862 0.015 339);
}Tailwind CSS v4
@theme {
--color-light-puffball: #d9ced5;
--color-light-puffball-50: #f8f3f6;
--color-light-puffball-100: #ece6e9;
--color-light-puffball-200: #d9d2d6;
--color-light-puffball-300: #bdb4ba;
--color-light-puffball-400: #a59ba1;
--color-light-puffball-500: #8d8289;
--color-light-puffball-600: #786e74;
--color-light-puffball-700: #60585d;
--color-light-puffball-800: #464044;
--color-light-puffball-900: #302c2f;
--color-light-puffball-950: #1d191c;
}SCSS
$light-puffball: #d9ced5;
$light-puffball-rgb: 217, 206, 213;
$light-puffball-light: mix(#fff, $light-puffball, 20%);
$light-puffball-dark: mix(#000, $light-puffball, 20%);
.element {
color: $light-puffball;
box-shadow: 0 0 0 2px rgba($light-puffball, 0.35);
}