Colore con nome · #C7D8E3
Water Mist
Water Mist è #C7D8E3: rgb(199 216 227), hsl(204 33% 84%), oklch(0.873 0.024 236). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Water Mist color name →
#C7D8E3
oklch(0.873 0.024 236)
Conversioni di colore
- HEX
- #c7d8e3
- RGB
- rgb(199 216 227)
- HSL
- hsl(204 33% 84%)
- HWB
- hwb(204 78% 11%)
- OKLCH
- oklch(0.873 0.024 236)
- OKLab
- oklab(0.873 -0.013 -0.02)
- CIE Lab
- lab(85.3 -4.28 -7.48)
- LCH
- lch(85.3 8.62 240.2)
- CMYK
- cmyk(12% 5% 0% 11%)
Tinte · Ombre · Toni
Tinte
- CDDCE6
- D2E0E9
- D8E4EB
- DDE7EE
- E3EBF1
- E8EFF4
- EEF3F7
- F4F7F9
- F9FBFC
Ombre
- ADBCC5
- 93A0A8
- 7A858C
- 626B71
- 4C5357
- 363B3F
- 212527
- 0E1112
- 020203
Toni
- C0CFD9
- B8C6CE
- B1BDC4
- AAB4BA
- A3ABB0
- 9CA2A6
- 959A9D
- 8E9193
- 878889
Armonie di colore
Complementare +180°
- C7D8E3
Water Mist
- E2D2C6
≈ Bungalow White
Analogo -30° +30°
- C7D8E3
Water Mist
- C4DADD
≈ Light Dewpoint
- CED5E5
≈ Après-Ski
Triadico +120° +240°
- C7D8E3
Water Mist
- E3CFD5
≈ Santolina Blooms
- D4D7C6
≈ September Song
Complementare divisa +150° +210°
- C7D8E3
Water Mist
- E5D0CD
≈ Hugo
- DCD4C4
≈ Bare Market
Tetradico +90° +180° +270°
- C7D8E3
Water Mist
- DED0DE
≈ Ametrine Quartz
- E2D2C6
≈ Bungalow White
- CCDACC
≈ April Mist
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.46:1 · APCA Lc 22
Ag
AAASu nero
WCAG 14.35:1 · APCA Lc 81
Miglior colore del testo: #000000
WCAG 14.35:1 (AAA) · APCA Lc 81
Contrast pairs
Frammenti di codice
CSS
:root {
--water-mist: #c7d8e3;
--water-mist-rgb: 199 216 227;
--water-mist-oklch: oklch(0.873 0.024 236);
}
.element {
color: var(--water-mist);
background-color: hsl(204 33% 84%);
border-color: oklch(0.873 0.024 236);
}Tailwind CSS v4
@theme {
--color-water-mist: #c7d8e3;
--color-water-mist-50: #eff6fb;
--color-water-mist-100: #e1e9ef;
--color-water-mist-200: #cbd6dd;
--color-water-mist-300: #adb9c2;
--color-water-mist-400: #92a1ab;
--color-water-mist-500: #788994;
--color-water-mist-600: #65747d;
--color-water-mist-700: #515d64;
--color-water-mist-800: #3b4449;
--color-water-mist-900: #282f33;
--color-water-mist-950: #161b1f;
}SCSS
$water-mist: #c7d8e3;
$water-mist-rgb: 199, 216, 227;
$water-mist-light: mix(#fff, $water-mist, 20%);
$water-mist-dark: mix(#000, $water-mist, 20%);
.element {
color: $water-mist;
box-shadow: 0 0 0 2px rgba($water-mist, 0.35);
}