Colore con nome · #D6D0CC
White City
White City è #D6D0CC: rgb(214 208 204), hsl(24 11% 82%), oklch(0.861 0.009 56.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · White City color name →
#D6D0CC
oklch(0.861 0.009 56.3)
Conversioni di colore
- HEX
- #d6d0cc
- RGB
- rgb(214 208 204)
- HSL
- hsl(24 11% 82%)
- HWB
- hwb(24 80% 16%)
- OKLCH
- oklch(0.861 0.009 56.3)
- OKLab
- oklab(0.861 0.005 0.007)
- CIE Lab
- lab(83.88 1.62 2.76)
- LCH
- lch(83.88 3.2 59.7)
- CMYK
- cmyk(0% 3% 5% 16%)
Tinte · Ombre · Toni
Tinte
- DAD5D1
- DED9D6
- E2DEDB
- E6E3E0
- EAE7E5
- EEECEA
- F3F1EF
- F7F5F5
- FBFAFA
Ombre
- BAB5B1
- 9E9A97
- 84807E
- 6A6765
- 524F4E
- 3B3937
- 252322
- 10100F
- 020202
Toni
- CDC8C4
- C4BFBC
- BBB7B5
- B3AFAD
- AAA7A5
- A19F9E
- 999796
- 918F8F
- 888887
Armonie di colore
Complementare +180°
- D6D0CC
White City
- CCD2D6
≈ Shiny Nickel
Analogo -30° +30°
- D6D0CC
White City
- D7CFCE
≈ Smells of Fresh Bread
- D4D1CB
≈ Campfire Smoke
Triadico +120° +240°
- D6D0CC
White City
- CCD3D1
≈ Solo
- D2D0D6
≈ Light Pensive
Complementare divisa +150° +210°
- D6D0CC
White City
- CBD3D4
≈ Mount Sterling
- CFD1D7
≈ Light Slipper Satin
Tetradico +90° +180° +270°
- D6D0CC
White City
- CED3CE
≈ Salt Glaze
- CCD2D6
≈ Shiny Nickel
- D4CFD4
≈ Jam Session
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.52:1 · APCA Lc 24
Ag
AAASu nero
WCAG 13.75:1 · APCA Lc 79
Miglior colore del testo: #000000
WCAG 13.75:1 (AAA) · APCA Lc 79
Contrast pairs
Frammenti di codice
CSS
:root {
--white-city: #d6d0cc;
--white-city-rgb: 214 208 204;
--white-city-oklch: oklch(0.861 0.009 56.3);
}
.element {
color: var(--white-city);
background-color: hsl(24 11% 82%);
border-color: oklch(0.861 0.009 56.3);
}Tailwind CSS v4
@theme {
--color-white-city: #d6d0cc;
--color-white-city-50: #f7f4f3;
--color-white-city-100: #eae7e5;
--color-white-city-200: #d7d3d1;
--color-white-city-300: #bbb6b3;
--color-white-city-400: #a39d9a;
--color-white-city-500: #8b8581;
--color-white-city-600: #75706d;
--color-white-city-700: #5e5a57;
--color-white-city-800: #454240;
--color-white-city-900: #302d2c;
--color-white-city-950: #1c1a19;
}SCSS
$white-city: #d6d0cc;
$white-city-rgb: 214, 208, 204;
$white-city-light: mix(#fff, $white-city, 20%);
$white-city-dark: mix(#000, $white-city, 20%);
.element {
color: $white-city;
box-shadow: 0 0 0 2px rgba($white-city, 0.35);
}