Benoemde kleur · #DBDFE9
Winter Ice
Winter Ice is #DBDFE9: rgb(219 223 233), hsl(223 24% 89%), oklch(0.904 0.014 268.5). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Gray mean? → · Winter Ice color name →
#DBDFE9
oklch(0.904 0.014 268.5)
Kleurconversies
- HEX
- #dbdfe9
- RGB
- rgb(219 223 233)
- HSL
- hsl(223 24% 89%)
- HWB
- hwb(223 86% 9%)
- OKLCH
- oklch(0.904 0.014 268.5)
- OKLab
- oklab(0.904 0 -0.014)
- CIE Lab
- lab(88.73 -0.01 -5.4)
- LCH
- lch(88.73 5.4 269.9)
- CMYK
- cmyk(6% 4% 0% 9%)
Tinten · Schaduwen · Tonen
Tinten
- DFE2EB
- E2E5ED
- E6E9F0
- E9ECF2
- EDEFF4
- F0F2F6
- F4F5F8
- F8F9FB
- FBFCFD
Schaduwen
- BEC2CB
- A2A5AD
- 878A90
- 6D6F74
- 54565A
- 3C3D41
- 262729
- 111213
- 020203
Tonen
- D2D5DE
- C8CBD3
- BFC2C8
- B6B8BE
- ACAEB3
- A3A5A9
- 9A9B9E
- 919294
- 89898A
Kleurharmonieën
Complementair +180°
- DBDFE9
Winter Ice
- E3DFD5
≈ Spun Wool
Analoog -30° +30°
- DBDFE9
Winter Ice
- D7E1E8
≈ Harbour Light
- E0DDE8
≈ Rare Crystal
Triadisch +120° +240°
- DBDFE9
Winter Ice
- E9DCDA
≈ Faded Shells
- D9E2DA
≈ Night Wind
Gesplitst complementair +150° +210°
- DBDFE9
Winter Ice
- E7DDD6
≈ Patience
- DEE1D6
≈ Salty Breeze
Tetradisch +90° +180° +270°
- DBDFE9
Winter Ice
- E8DBDF
≈ Rare White Raven
- E3DFD5
≈ Spun Wool
- D6E2DF
≈ Windsurfer
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.33:1 · APCA Lc 16
Ag
AAAOp zwart
WCAG 15.74:1 · APCA Lc 87
Beste tekstkleur: #000000
WCAG 15.74:1 (AAA) · APCA Lc 87
Contrast pairs
Codefragmenten
CSS
:root {
--winter-ice: #dbdfe9;
--winter-ice-rgb: 219 223 233;
--winter-ice-oklch: oklch(0.904 0.014 268.5);
}
.element {
color: var(--winter-ice);
background-color: hsl(223 24% 89%);
border-color: oklch(0.904 0.014 268.5);
}Tailwind CSS v4
@theme {
--color-winter-ice: #dbdfe9;
--color-winter-ice-50: #f3f5f9;
--color-winter-ice-100: #e6e8ed;
--color-winter-ice-200: #d2d4da;
--color-winter-ice-300: #b4b7bf;
--color-winter-ice-400: #9b9ea7;
--color-winter-ice-500: #828690;
--color-winter-ice-600: #6e717a;
--color-winter-ice-700: #585b61;
--color-winter-ice-800: #404247;
--color-winter-ice-900: #2c2e32;
--color-winter-ice-950: #191b1d;
}SCSS
$winter-ice: #dbdfe9;
$winter-ice-rgb: 219, 223, 233;
$winter-ice-light: mix(#fff, $winter-ice, 20%);
$winter-ice-dark: mix(#000, $winter-ice, 20%);
.element {
color: $winter-ice;
box-shadow: 0 0 0 2px rgba($winter-ice, 0.35);
}