Color con nombre · #DDE3E8
Snow Blanket
Snow Blanket es #DDE3E8: rgb(221 227 232), hsl(207 19% 89%), oklch(0.913 0.009 242.8). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Snow Blanket color name →
#DDE3E8
oklch(0.913 0.009 242.8)
Conversiones de color
- HEX
- #dde3e8
- RGB
- rgb(221 227 232)
- HSL
- hsl(207 19% 89%)
- HWB
- hwb(207 87% 9%)
- OKLCH
- oklch(0.913 0.009 242.8)
- OKLab
- oklab(0.913 -0.004 -0.008)
- CIE Lab
- lab(89.88 -1.4 -3.18)
- LCH
- lch(89.88 3.48 246.3)
- CMYK
- cmyk(5% 2% 0% 9%)
Tintes · Sombras · Tonos
Tintes
- E0E6EA
- E4E9ED
- E7EBEF
- EBEEF1
- EEF1F3
- F1F4F6
- F5F7F8
- F8F9FA
- FCFCFD
Sombras
- C0C5CA
- A4A8AC
- 888C90
- 6E7174
- 555759
- 3D3F40
- 262729
- 111213
- 020303
Tonos
- D3D9DD
- CACED2
- C0C4C8
- B7BABD
- ADB0B3
- A4A6A8
- 9B9D9E
- 929394
- 89898A
Armonías de color
Complementario +180°
- DDE3E8
Snow Blanket
- E7E1DC
≈ Calc Sinter
Análogo -30° +30°
- DDE3E8
Snow Blanket
- DBE4E6
≈ Alpine Blue
- E0E2E9
≈ December Dawn
Triádico +120° +240°
- DDE3E8
Snow Blanket
- E8E0E1
≈ Mauve Tinge
- E1E3DC
≈ Barely White
Complementario dividido +150° +210°
- DDE3E8
Snow Blanket
- E8E0DE
≈ Parasol
- E4E2DB
≈ Wan White
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.29:1 · APCA Lc 15
Ag
AAASobre negro
WCAG 16.22:1 · APCA Lc 89
Mejor color de texto: #000000
WCAG 16.22:1 (AAA) · APCA Lc 89
Contrast pairs
Fragmentos de código
CSS
:root {
--snow-blanket: #dde3e8;
--snow-blanket-rgb: 221 227 232;
--snow-blanket-oklch: oklch(0.913 0.009 242.8);
}
.element {
color: var(--snow-blanket);
background-color: hsl(207 19% 89%);
border-color: oklch(0.913 0.009 242.8);
}Tailwind CSS v4
@theme {
--color-snow-blanket: #dde3e8;
--color-snow-blanket-50: #f3f5f8;
--color-snow-blanket-100: #e5e8eb;
--color-snow-blanket-200: #d1d5d8;
--color-snow-blanket-300: #b3b8bc;
--color-snow-blanket-400: #9a9fa4;
--color-snow-blanket-500: #81878c;
--color-snow-blanket-600: #6d7276;
--color-snow-blanket-700: #575b5f;
--color-snow-blanket-800: #404345;
--color-snow-blanket-900: #2c2e30;
--color-snow-blanket-950: #191b1c;
}SCSS
$snow-blanket: #dde3e8;
$snow-blanket-rgb: 221, 227, 232;
$snow-blanket-light: mix(#fff, $snow-blanket, 20%);
$snow-blanket-dark: mix(#000, $snow-blanket, 20%);
.element {
color: $snow-blanket;
box-shadow: 0 0 0 2px rgba($snow-blanket, 0.35);
}