Colore con nome · #D6EDF1
Sparkling River
Sparkling River è #D6EDF1: rgb(214 237 241), hsl(189 49% 89%), oklch(0.93 0.025 209.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Sparkling River color name →
#D6EDF1
oklch(0.93 0.025 209.3)
Conversioni di colore
- HEX
- #d6edf1
- RGB
- rgb(214 237 241)
- HSL
- hsl(189 49% 89%)
- HWB
- hwb(189 84% 5%)
- OKLCH
- oklch(0.93 0.025 209.3)
- OKLab
- oklab(0.93 -0.022 -0.012)
- CIE Lab
- lab(92.13 -7.25 -4.66)
- LCH
- lch(92.13 8.61 212.7)
- CMYK
- cmyk(11% 2% 0% 5%)
Tinte · Ombre · Toni
Tinte
- DAEFF2
- DEF1F4
- E2F2F5
- E6F4F7
- EBF6F8
- EFF8F9
- F3FAFB
- F7FBFC
- FBFDFE
Ombre
- BACED2
- 9EB0B3
- 849395
- 6A7779
- 525C5D
- 3B4243
- 252A2B
- 101414
- 020303
Toni
- CDE2E5
- C4D6D9
- BBCBCE
- B3C0C2
- AAB5B7
- A2AAAC
- 999FA1
- 919596
- 888A8B
Armonie di colore
Complementare +180°
- D6EDF1
Sparkling River
- F8E2DF
≈ Berry Cheesecake
Analogo -30° +30°
- D6EDF1
Sparkling River
- D7EEE8
≈ Light Spirited
- DAEBF7
≈ Celestial Cathedral
Triadico +120° +240°
- D6EDF1
Sparkling River
- F2E2F0
≈ Sheer Lavender
- EFE8D6
≈ Wings of an Angel
Complementare divisa +150° +210°
- D6EDF1
Sparkling River
- F7E2E7
≈ Poetic Princess
- F5E5D8
≈ Butter Icing
Tetradico +90° +180° +270°
- D6EDF1
Sparkling River
- EAE5F7
≈ Cyber Lavender
- F8E2DF
≈ Berry Cheesecake
- E6EBD8
≈ Homoeopathic Mint
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.21:1 · APCA Lc 11
Ag
AAASu nero
WCAG 17.24:1 · APCA Lc 93
Miglior colore del testo: #000000
WCAG 17.24:1 (AAA) · APCA Lc 93
Contrast pairs
Frammenti di codice
CSS
:root {
--sparkling-river: #d6edf1;
--sparkling-river-rgb: 214 237 241;
--sparkling-river-oklch: oklch(0.93 0.025 209.3);
}
.element {
color: var(--sparkling-river);
background-color: hsl(189 49% 89%);
border-color: oklch(0.93 0.025 209.3);
}Tailwind CSS v4
@theme {
--color-sparkling-river: #d6edf1;
--color-sparkling-river-50: #eef7f9;
--color-sparkling-river-100: #dfeaed;
--color-sparkling-river-200: #c9d7da;
--color-sparkling-river-300: #aabbbf;
--color-sparkling-river-400: #8ea3a6;
--color-sparkling-river-500: #748b8f;
--color-sparkling-river-600: #627679;
--color-sparkling-river-700: #4e5e61;
--color-sparkling-river-800: #394547;
--color-sparkling-river-900: #273031;
--color-sparkling-river-950: #151c1d;
}SCSS
$sparkling-river: #d6edf1;
$sparkling-river-rgb: 214, 237, 241;
$sparkling-river-light: mix(#fff, $sparkling-river, 20%);
$sparkling-river-dark: mix(#000, $sparkling-river, 20%);
.element {
color: $sparkling-river;
box-shadow: 0 0 0 2px rgba($sparkling-river, 0.35);
}