Colore con nome · #C1D1E2
Drenched Rain
Drenched Rain è #C1D1E2: rgb(193 209 226), hsl(211 36% 82%), oklch(0.854 0.029 249.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Drenched Rain color name →
#C1D1E2
oklch(0.854 0.029 249.8)
Conversioni di colore
- HEX
- #c1d1e2
- RGB
- rgb(193 209 226)
- HSL
- hsl(211 36% 82%)
- HWB
- hwb(211 76% 11%)
- OKLCH
- oklch(0.854 0.029 249.8)
- OKLab
- oklab(0.854 -0.01 -0.028)
- CIE Lab
- lab(83.01 -3.04 -10.37)
- LCH
- lch(83.01 10.81 253.7)
- CMYK
- cmyk(15% 8% 0% 11%)
Tinte · Ombre · Toni
Tinte
- C7D6E5
- CDDAE8
- D3DFEB
- DAE3EE
- E0E8F1
- E6ECF3
- ECF1F6
- F2F6F9
- F9FAFC
Ombre
- A7B5C4
- 8F9BA8
- 77818C
- 5F6871
- 495057
- 34393E
- 202327
- 0E1012
- 020203
Toni
- BAC9D8
- B4C0CE
- ADB8C4
- A7B0BA
- A0A8B0
- 99A0A6
- 93989C
- 8D9093
- 868889
Armonie di colore
Complementare +180°
- C1D1E2
Drenched Rain
- DCCCBB
≈ Honey Lime Chicken
Analogo -30° +30°
- C1D1E2
Drenched Rain
- BBD4DC
≈ Light Salt Spray
- CBCDE3
≈ Blueberry Mist
Triadico +120° +240°
- C1D1E2
Drenched Rain
- E1C8CB
≈ Perfume Cloud
- C9D3BF
≈ Tomatillo Peel
Complementare divisa +150° +210°
- C1D1E2
Drenched Rain
- E1C9C1
≈ Ancient Ruins
- D3D0BA
≈ With a Twist
Tetradico +90° +180° +270°
- C1D1E2
Drenched Rain
- DDC8D5
≈ Sleepy Kisses
- DCCCBB
≈ Honey Lime Chicken
- BFD5C8
≈ Malted Mint
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.55:1 · APCA Lc 26
Ag
AAASu nero
WCAG 13.48:1 · APCA Lc 78
Miglior colore del testo: #000000
WCAG 13.48:1 (AAA) · APCA Lc 78
Contrast pairs
Frammenti di codice
CSS
:root {
--drenched-rain: #c1d1e2;
--drenched-rain-rgb: 193 209 226;
--drenched-rain-oklch: oklch(0.854 0.029 249.8);
}
.element {
color: var(--drenched-rain);
background-color: hsl(211 36% 82%);
border-color: oklch(0.854 0.029 249.8);
}Tailwind CSS v4
@theme {
--color-drenched-rain: #c1d1e2;
--color-drenched-rain-50: #eff6fe;
--color-drenched-rain-100: #e1e9f2;
--color-drenched-rain-200: #cbd5e1;
--color-drenched-rain-300: #adb9c6;
--color-drenched-rain-400: #92a0b0;
--color-drenched-rain-500: #788899;
--color-drenched-rain-600: #667382;
--color-drenched-rain-700: #515c68;
--color-drenched-rain-800: #3b434c;
--color-drenched-rain-900: #282f35;
--color-drenched-rain-950: #161b20;
}SCSS
$drenched-rain: #c1d1e2;
$drenched-rain-rgb: 193, 209, 226;
$drenched-rain-light: mix(#fff, $drenched-rain, 20%);
$drenched-rain-dark: mix(#000, $drenched-rain, 20%);
.element {
color: $drenched-rain;
box-shadow: 0 0 0 2px rgba($drenched-rain, 0.35);
}