Colore con nome · #D2D6E6
Violet Water
Violet Water è #D2D6E6: rgb(210 214 230), hsl(228 29% 86%), oklch(0.878 0.022 274.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Violet Water color name →
#D2D6E6
oklch(0.878 0.022 274.7)
Conversioni di colore
- HEX
- #d2d6e6
- RGB
- rgb(210 214 230)
- HSL
- hsl(228 29% 86%)
- HWB
- hwb(228 82% 10%)
- OKLCH
- oklch(0.878 0.022 274.7)
- OKLab
- oklab(0.878 0.002 -0.022)
- CIE Lab
- lab(85.68 0.87 -8.39)
- LCH
- lch(85.68 8.44 275.9)
- CMYK
- cmyk(9% 7% 0% 10%)
Tinte · Ombre · Toni
Tinte
- D6DAE9
- DBDEEB
- DFE2EE
- E4E6F0
- E8EAF3
- EDEEF5
- F1F3F8
- F6F7FA
- FAFBFD
Ombre
- B6BAC8
- 9B9EAB
- 81848E
- 686A73
- 505259
- 393B40
- 242528
- 101013
- 020203
Toni
- C9CDDB
- C1C4D1
- B9BBC6
- B0B3BC
- A8AAB2
- A0A1A8
- 98999D
- 909194
- 88888A
Armonie di colore
Complementare +180°
- D2D6E6
Violet Water
- DBD7C7
≈ Fennec Fox
Analogo -30° +30°
- D2D6E6
Violet Water
- CBD9E5
≈ Arctic Air
- DAD3E3
≈ Light Angel Kiss
Triadico +120° +240°
- D2D6E6
Violet Water
- E5D2CD
≈ Romeo
- CCDBD0
≈ Silicate Light Turquoise
Complementare divisa +150° +210°
- D2D6E6
Violet Water
- E2D4C8
≈ Light Chintz
- D3DACA
≈ Ottoman
Tetradico +90° +180° +270°
- D2D6E6
Violet Water
- E5D1D5
≈ Santolina Blooms
- DBD7C7
≈ Fennec Fox
- C7DCD8
≈ Julep Green
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.44:1 · APCA Lc 21
Ag
AAASu nero
WCAG 14.50:1 · APCA Lc 82
Miglior colore del testo: #000000
WCAG 14.50:1 (AAA) · APCA Lc 82
Contrast pairs
Frammenti di codice
CSS
:root {
--violet-water: #d2d6e6;
--violet-water-rgb: 210 214 230;
--violet-water-oklch: oklch(0.878 0.022 274.7);
}
.element {
color: var(--violet-water);
background-color: hsl(228 29% 86%);
border-color: oklch(0.878 0.022 274.7);
}Tailwind CSS v4
@theme {
--color-violet-water: #d2d6e6;
--color-violet-water-50: #f3f5fc;
--color-violet-water-100: #e6e7f0;
--color-violet-water-200: #d1d4de;
--color-violet-water-300: #b4b7c3;
--color-violet-water-400: #9a9eac;
--color-violet-water-500: #818595;
--color-violet-water-600: #6e717e;
--color-violet-water-700: #585a65;
--color-violet-water-800: #40424a;
--color-violet-water-900: #2c2e34;
--color-violet-water-950: #191a1f;
}SCSS
$violet-water: #d2d6e6;
$violet-water-rgb: 210, 214, 230;
$violet-water-light: mix(#fff, $violet-water, 20%);
$violet-water-dark: mix(#000, $violet-water, 20%);
.element {
color: $violet-water;
box-shadow: 0 0 0 2px rgba($violet-water, 0.35);
}