Benoemde kleur · #D1E2D8
Delicate Snow Goose
Delicate Snow Goose is #D1E2D8: rgb(209 226 216), hsl(145 23% 85%), oklch(0.897 0.023 160.2). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Gray mean? → · Delicate Snow Goose color name →
#D1E2D8
oklch(0.897 0.023 160.2)
Kleurconversies
- HEX
- #d1e2d8
- RGB
- rgb(209 226 216)
- HSL
- hsl(145 23% 85%)
- HWB
- hwb(145 82% 11%)
- OKLCH
- oklch(0.897 0.023 160.2)
- OKLab
- oklab(0.897 -0.021 0.008)
- CIE Lab
- lab(88.39 -7.26 2.86)
- LCH
- lch(88.39 7.8 158.5)
- CMYK
- cmyk(8% 0% 4% 11%)
Tinten · Schaduwen · Tonen
Tinten
- D6E5DC
- DAE8E0
- DFEBE4
- E3EEE7
- E8F0EB
- EDF3EF
- F1F6F3
- F6F9F7
- FAFCFB
Schaduwen
- B5C4BC
- 9BA8A0
- 818C85
- 68716B
- 505753
- 393E3B
- 232725
- 101211
- 020302
Tonen
- C9D8CF
- C0CEC6
- B8C4BD
- B0BAB4
- A8B0AB
- A0A6A2
- 989C9A
- 909391
- 888988
Kleurharmonieën
Complementair +180°
- D1E2D8
Delicate Snow Goose
- E8D8E2
≈ Rajah Rose
Analoog -30° +30°
- D1E2D8
Delicate Snow Goose
- D8E0D1
≈ Light Ligado
- CDE2E0
≈ Mountain Dew
Triadisch +120° +240°
- D1E2D8
Delicate Snow Goose
- DADCEC
≈ The White Death
- EBD9D2
≈ Winter Peach
Gesplitst complementair +150° +210°
- D1E2D8
Delicate Snow Goose
- E2D9E9
≈ Awakened
- ECD7D9
≈ Berry Taffy
Tetradisch +90° +180° +270°
- D1E2D8
Delicate Snow Goose
- D2DFEC
≈ Dripping Ice
- E8D8E2
≈ Rajah Rose
- E7DBCD
≈ Crepuscular
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.34:1 · APCA Lc 17
Ag
AAAOp zwart
WCAG 15.58:1 · APCA Lc 87
Beste tekstkleur: #000000
WCAG 15.58:1 (AAA) · APCA Lc 87
Contrast pairs
Codefragmenten
CSS
:root {
--delicate-snow-goose: #d1e2d8;
--delicate-snow-goose-rgb: 209 226 216;
--delicate-snow-goose-oklch: oklch(0.897 0.023 160.2);
}
.element {
color: var(--delicate-snow-goose);
background-color: hsl(145 23% 85%);
border-color: oklch(0.897 0.023 160.2);
}Tailwind CSS v4
@theme {
--color-delicate-snow-goose: #d1e2d8;
--color-delicate-snow-goose-50: #f0f7f3;
--color-delicate-snow-goose-100: #e2eae5;
--color-delicate-snow-goose-200: #ccd7d1;
--color-delicate-snow-goose-300: #aebbb4;
--color-delicate-snow-goose-400: #94a39a;
--color-delicate-snow-goose-500: #7a8b81;
--color-delicate-snow-goose-600: #67766d;
--color-delicate-snow-goose-700: #525e57;
--color-delicate-snow-goose-800: #3c453f;
--color-delicate-snow-goose-900: #29302c;
--color-delicate-snow-goose-950: #171c19;
}SCSS
$delicate-snow-goose: #d1e2d8;
$delicate-snow-goose-rgb: 209, 226, 216;
$delicate-snow-goose-light: mix(#fff, $delicate-snow-goose, 20%);
$delicate-snow-goose-dark: mix(#000, $delicate-snow-goose, 20%);
.element {
color: $delicate-snow-goose;
box-shadow: 0 0 0 2px rgba($delicate-snow-goose, 0.35);
}