Colore con nome · #DAD5D6
So Shy
So Shy è #DAD5D6: rgb(218 213 214), hsl(348 6% 85%), oklch(0.877 0.006 3.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · So Shy color name →
#DAD5D6
oklch(0.877 0.006 3.4)
Conversioni di colore
- HEX
- #dad5d6
- RGB
- rgb(218 213 214)
- HSL
- hsl(348 6% 85%)
- HWB
- hwb(348 84% 15%)
- OKLCH
- oklch(0.877 0.006 3.4)
- OKLab
- oklab(0.877 0.006 0)
- CIE Lab
- lab(85.69 1.91 0.14)
- LCH
- lch(85.69 1.91 4.3)
- CMYK
- cmyk(0% 2% 2% 15%)
Tinte · Ombre · Toni
Tinte
- DED9DA
- E1DDDE
- E5E1E2
- E9E6E6
- ECEAEA
- F0EEEE
- F4F2F3
- F8F6F7
- FBFBFB
Ombre
- BDB9BA
- A29E9E
- 878384
- 6C6A6A
- 545152
- 3C3A3B
- 252425
- 111010
- 020202
Toni
- D1CCCD
- C7C3C4
- BEBBBB
- B5B2B3
- ACAAAA
- A3A1A1
- 9A9999
- 919091
- 898888
Armonie di colore
Complementare +180°
- DAD5D6
So Shy
- D3D8D7
≈ Olympus White
Analogo -30° +30°
- DAD5D6
So Shy
- D9D5D8
≈ Gentle Violet
- DAD5D4
≈ So Shy
Triadico +120° +240°
Complementare divisa +150° +210°
- DAD5D6
So Shy
- D4D8D5
≈ Olympus White
- D3D8D9
≈ Solemn Silence
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.45:1 · APCA Lc 22
Ag
AAASu nero
WCAG 14.46:1 · APCA Lc 82
Miglior colore del testo: #000000
WCAG 14.46:1 (AAA) · APCA Lc 82
Contrast pairs
Frammenti di codice
CSS
:root {
--so-shy: #dad5d6;
--so-shy-rgb: 218 213 214;
--so-shy-oklch: oklch(0.877 0.006 3.4);
}
.element {
color: var(--so-shy);
background-color: hsl(348 6% 85%);
border-color: oklch(0.877 0.006 3.4);
}Tailwind CSS v4
@theme {
--color-so-shy: #dad5d6;
--color-so-shy-50: #f7f4f5;
--color-so-shy-100: #eae7e7;
--color-so-shy-200: #d6d3d4;
--color-so-shy-300: #bab6b7;
--color-so-shy-400: #a19d9e;
--color-so-shy-500: #8a8586;
--color-so-shy-600: #747071;
--color-so-shy-700: #5d5a5a;
--color-so-shy-800: #444242;
--color-so-shy-900: #2f2d2e;
--color-so-shy-950: #1c1a1a;
}SCSS
$so-shy: #dad5d6;
$so-shy-rgb: 218, 213, 214;
$so-shy-light: mix(#fff, $so-shy, 20%);
$so-shy-dark: mix(#000, $so-shy, 20%);
.element {
color: $so-shy;
box-shadow: 0 0 0 2px rgba($so-shy, 0.35);
}