Colore con nome · #C3D8E4
Washing Powder Soft Blue
Washing Powder Soft Blue è #C3D8E4: rgb(195 216 228), hsl(202 38% 83%), oklch(0.87 0.028 232.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Washing Powder Soft Blue color name →
#C3D8E4
oklch(0.87 0.028 232.7)
Conversioni di colore
- HEX
- #c3d8e4
- RGB
- rgb(195 216 228)
- HSL
- hsl(202 38% 83%)
- HWB
- hwb(202 76% 11%)
- OKLCH
- oklch(0.87 0.028 232.7)
- OKLab
- oklab(0.87 -0.017 -0.022)
- CIE Lab
- lab(85.03 -5.46 -8.44)
- LCH
- lch(85.03 10.05 237.1)
- CMYK
- cmyk(14% 5% 0% 11%)
Tinte · Ombre · Toni
Tinte
- C9DCE7
- CFE0E9
- D5E4EC
- DBE8EF
- E1EBF2
- E7EFF4
- EDF3F7
- F3F7FA
- F9FBFC
Ombre
- A9BCC6
- 90A0A9
- 78858D
- 606B72
- 4A5358
- 343B3F
- 202528
- 0E1112
- 020203
Toni
- BCCFDA
- B5C6CF
- AEBDC5
- A8B4BB
- A1ABB1
- 9AA2A7
- 949A9D
- 8D9193
- 87888A
Armonie di colore
Complementare +180°
- C3D8E4
Washing Powder Soft Blue
- E4D0C4
≈ Sheer Blouse
Analogo -30° +30°
- C3D8E4
Washing Powder Soft Blue
- C0DADC
≈ Light Dewpoint
- CBD5E7
≈ Heroic Heron
Triadico +120° +240°
- C3D8E4
Washing Powder Soft Blue
- E4CDD6
≈ Barely Berry
- D4D7C2
≈ Medlar
Complementare divisa +150° +210°
- C3D8E4
Washing Powder Soft Blue
- E6CECC
≈ Hugo
- DDD3C0
≈ Roman Plaster
Tetradico +90° +180° +270°
- C3D8E4
Washing Powder Soft Blue
- DECFDF
≈ Ametrine Quartz
- E4D0C4
≈ Sheer Blouse
- CAD9C9
≈ April Mist
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.47:1 · APCA Lc 22
Ag
AAASu nero
WCAG 14.26:1 · APCA Lc 81
Miglior colore del testo: #000000
WCAG 14.26:1 (AAA) · APCA Lc 81
Contrast pairs
Frammenti di codice
CSS
:root {
--washing-powder-soft-blue: #c3d8e4;
--washing-powder-soft-blue-rgb: 195 216 228;
--washing-powder-soft-blue-oklch: oklch(0.87 0.028 232.7);
}
.element {
color: var(--washing-powder-soft-blue);
background-color: hsl(202 38% 83%);
border-color: oklch(0.87 0.028 232.7);
}Tailwind CSS v4
@theme {
--color-washing-powder-soft-blue: #c3d8e4;
--color-washing-powder-soft-blue-50: #eef7fc;
--color-washing-powder-soft-blue-100: #dfeaf0;
--color-washing-powder-soft-blue-200: #c9d6df;
--color-washing-powder-soft-blue-300: #aabac4;
--color-washing-powder-soft-blue-400: #8fa2ad;
--color-washing-powder-soft-blue-500: #748a96;
--color-washing-powder-soft-blue-600: #63757f;
--color-washing-powder-soft-blue-700: #4f5d66;
--color-washing-powder-soft-blue-800: #39444a;
--color-washing-powder-soft-blue-900: #272f34;
--color-washing-powder-soft-blue-950: #151c1f;
}SCSS
$washing-powder-soft-blue: #c3d8e4;
$washing-powder-soft-blue-rgb: 195, 216, 228;
$washing-powder-soft-blue-light: mix(#fff, $washing-powder-soft-blue, 20%);
$washing-powder-soft-blue-dark: mix(#000, $washing-powder-soft-blue, 20%);
.element {
color: $washing-powder-soft-blue;
box-shadow: 0 0 0 2px rgba($washing-powder-soft-blue, 0.35);
}