Colore con nome · #D1CCC3
Cotton Grey
Cotton Grey è #D1CCC3: rgb(209 204 195), hsl(39 13% 79%), oklch(0.847 0.014 82.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Cotton Grey color name →
#D1CCC3
oklch(0.847 0.014 82.4)
Conversioni di colore
- HEX
- #d1ccc3
- RGB
- rgb(209 204 195)
- HSL
- hsl(39 13% 79%)
- HWB
- hwb(39 76% 18%)
- OKLCH
- oklch(0.847 0.014 82.4)
- OKLab
- oklab(0.847 0.002 0.013)
- CIE Lab
- lab(82.26 0.62 5.14)
- LCH
- lch(82.26 5.18 83.2)
- CMYK
- cmyk(0% 2% 7% 18%)
Tinte · Ombre · Toni
Tinte
- D6D1C9
- DAD6CF
- DFDBD5
- E3E0DB
- E8E5E1
- ECEAE7
- F1EFED
- F6F5F3
- FAFAF9
Ombre
- B5B1A9
- 9B9790
- 817E78
- 686560
- 504E4A
- 393734
- 232220
- 100F0E
- 020202
Toni
- C9C4BC
- C0BCB5
- B8B5AE
- B0ADA8
- A8A5A1
- A09E9A
- 989694
- 908F8D
- 888786
Armonie di colore
Complementare +180°
- D1CCC3
Cotton Grey
- C8CDD6
≈ Crater Crawler
Analogo -30° +30°
- D1CCC3
Cotton Grey
- D4CAC5
≈ Crushed Almond
- CCCEC4
≈ Silhouette
Triadico +120° +240°
- D1CCC3
Cotton Grey
- C3CFD0
≈ Lark Wing
- D1CAD2
≈ Orchid Tint
Complementare divisa +150° +210°
- D1CCC3
Cotton Grey
- C4CED4
≈ New North
- CDCBD5
≈ Lilac Hint
Tetradico +90° +180° +270°
- D1CCC3
Cotton Grey
- C4D0CC
≈ Infusion
- C8CDD6
≈ Crater Crawler
- D4C9CD
≈ Grey Lilac
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.59:1 · APCA Lc 27
Ag
AAASu nero
WCAG 13.13:1 · APCA Lc 76
Miglior colore del testo: #000000
WCAG 13.13:1 (AAA) · APCA Lc 76
Contrast pairs
Frammenti di codice
CSS
:root {
--cotton-grey: #d1ccc3;
--cotton-grey-rgb: 209 204 195;
--cotton-grey-oklch: oklch(0.847 0.014 82.4);
}
.element {
color: var(--cotton-grey);
background-color: hsl(39 13% 79%);
border-color: oklch(0.847 0.014 82.4);
}Tailwind CSS v4
@theme {
--color-cotton-grey: #d1ccc3;
--color-cotton-grey-50: #f7f5f1;
--color-cotton-grey-100: #eae7e3;
--color-cotton-grey-200: #d7d4ce;
--color-cotton-grey-300: #bbb7b0;
--color-cotton-grey-400: #a29e96;
--color-cotton-grey-500: #8b857c;
--color-cotton-grey-600: #757169;
--color-cotton-grey-700: #5e5a54;
--color-cotton-grey-800: #45423d;
--color-cotton-grey-900: #302d2a;
--color-cotton-grey-950: #1c1a18;
}SCSS
$cotton-grey: #d1ccc3;
$cotton-grey-rgb: 209, 204, 195;
$cotton-grey-light: mix(#fff, $cotton-grey, 20%);
$cotton-grey-dark: mix(#000, $cotton-grey, 20%);
.element {
color: $cotton-grey;
box-shadow: 0 0 0 2px rgba($cotton-grey, 0.35);
}