Colore con nome · #CDD5D5
Zumthor
Zumthor è #CDD5D5: rgb(205 213 213), hsl(180 9% 82%), oklch(0.867 0.009 197). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Zumthor color name →
#CDD5D5
oklch(0.867 0.009 197)
Conversioni di colore
- HEX
- #cdd5d5
- RGB
- rgb(205 213 213)
- HSL
- hsl(180 9% 82%)
- HWB
- hwb(180 80% 16%)
- OKLCH
- oklch(0.867 0.009 197)
- OKLab
- oklab(0.867 -0.008 -0.003)
- CIE Lab
- lab(84.65 -2.81 -0.99)
- LCH
- lch(84.65 2.98 199.5)
- CMYK
- cmyk(4% 0% 0% 16%)
Tinte · Ombre · Toni
Tinte
- D2D9D9
- D7DDDD
- DCE1E1
- E1E6E6
- E6EAEA
- EBEEEE
- F0F2F2
- F5F6F6
- FAFBFB
Ombre
- B2B9B9
- 989E9E
- 7E8383
- 666A6A
- 4E5151
- 383A3A
- 232424
- 0F1010
- 020202
Toni
- C5CCCC
- BDC3C3
- B5BBBB
- ADB2B2
- A6AAAA
- 9EA1A1
- 969999
- 8F9090
- 878888
Armonie di colore
Complementare +180°
- CDD5D5
Zumthor
- D9D1D1
≈ Mauve Morning
Analogo -30° +30°
- CDD5D5
Zumthor
- CED5D2
≈ Pacific Mist
- CED4D8
≈ Veiled Spotlight
Triadico +120° +240°
- CDD5D5
Zumthor
- D5D1D7
≈ Etude Lilac
- D6D3CD
≈ Slow Perch
Complementare divisa +150° +210°
- CDD5D5
Zumthor
- D8D1D4
≈ Beluga Song
- D8D2CE
≈ Smoked Oyster
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.49:1 · APCA Lc 23
Ag
AAASu nero
WCAG 14.07:1 · APCA Lc 80
Miglior colore del testo: #000000
WCAG 14.07:1 (AAA) · APCA Lc 80
Contrast pairs
Frammenti di codice
CSS
:root {
--zumthor: #cdd5d5;
--zumthor-rgb: 205 213 213;
--zumthor-oklch: oklch(0.867 0.009 197);
}
.element {
color: var(--zumthor);
background-color: hsl(180 9% 82%);
border-color: oklch(0.867 0.009 197);
}Tailwind CSS v4
@theme {
--color-zumthor: #cdd5d5;
--color-zumthor-50: #f2f6f6;
--color-zumthor-100: #e5e9e9;
--color-zumthor-200: #d0d5d5;
--color-zumthor-300: #b2b9b9;
--color-zumthor-400: #99a0a0;
--color-zumthor-500: #808888;
--color-zumthor-600: #6c7373;
--color-zumthor-700: #575c5c;
--color-zumthor-800: #3f4343;
--color-zumthor-900: #2b2e2e;
--color-zumthor-950: #191b1b;
}SCSS
$zumthor: #cdd5d5;
$zumthor-rgb: 205, 213, 213;
$zumthor-light: mix(#fff, $zumthor, 20%);
$zumthor-dark: mix(#000, $zumthor, 20%);
.element {
color: $zumthor;
box-shadow: 0 0 0 2px rgba($zumthor, 0.35);
}