Benoemde kleur · #D3DCEA
Morning Shower
Morning Shower is #D3DCEA: rgb(211 220 234), hsl(217 35% 87%), oklch(0.892 0.022 259.2). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Gray mean? → · Morning Shower color name →
#D3DCEA
oklch(0.892 0.022 259.2)
Kleurconversies
- HEX
- #d3dcea
- RGB
- rgb(211 220 234)
- HSL
- hsl(217 35% 87%)
- HWB
- hwb(217 83% 8%)
- OKLCH
- oklch(0.892 0.022 259.2)
- OKLab
- oklab(0.892 -0.004 -0.021)
- CIE Lab
- lab(87.38 -1.13 -7.98)
- LCH
- lch(87.38 8.06 261.9)
- CMYK
- cmyk(10% 6% 0% 8%)
Tinten · Schaduwen · Tonen
Tinten
- D7DFEC
- DCE3EE
- E0E6F0
- E4EAF2
- E9EDF5
- EDF1F7
- F2F4F9
- F6F8FB
- FBFBFD
Schaduwen
- B7BFCB
- 9CA3AE
- 828891
- 696E75
- 51545A
- 3A3C41
- 242629
- 101113
- 020203
Tonen
- CAD2DF
- C2C9D4
- B9BFC9
- B1B6BE
- A9ADB4
- A0A4A9
- 989B9F
- 909294
- 88898A
Kleurharmonieën
Complementair +180°
- D3DCEA
Morning Shower
- E3DACC
≈ Swiss Almond
Analoog -30° +30°
- D3DCEA
Morning Shower
- CEDEE7
≈ Fenrisian Grey
- DAD9E9
≈ Eyeshadow
Triadisch +120° +240°
- D3DCEA
Morning Shower
- E9D6D6
≈ Light Youth
- D4DFD2
≈ Fairest Jade
Gesplitst complementair +150° +210°
- D3DCEA
Morning Shower
- E8D8CF
≈ Malted Milk
- DCDDCD
≈ Light Soft Kind
Tetradisch +90° +180° +270°
- D3DCEA
Morning Shower
- E7D6DD
≈ Swiss Rose
- E3DACC
≈ Swiss Almond
- CEE0D9
≈ Light Meadow Lane
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.38:1 · APCA Lc 19
Ag
AAAOp zwart
WCAG 15.19:1 · APCA Lc 85
Beste tekstkleur: #000000
WCAG 15.19:1 (AAA) · APCA Lc 85
Contrast pairs
Codefragmenten
CSS
:root {
--morning-shower: #d3dcea;
--morning-shower-rgb: 211 220 234;
--morning-shower-oklch: oklch(0.892 0.022 259.2);
}
.element {
color: var(--morning-shower);
background-color: hsl(217 35% 87%);
border-color: oklch(0.892 0.022 259.2);
}Tailwind CSS v4
@theme {
--color-morning-shower: #d3dcea;
--color-morning-shower-50: #f2f5fb;
--color-morning-shower-100: #e4e8ef;
--color-morning-shower-200: #cfd4de;
--color-morning-shower-300: #b1b8c3;
--color-morning-shower-400: #979fab;
--color-morning-shower-500: #7e8795;
--color-morning-shower-600: #6b727e;
--color-morning-shower-700: #555b65;
--color-morning-shower-800: #3e434a;
--color-morning-shower-900: #2a2e33;
--color-morning-shower-950: #181b1f;
}SCSS
$morning-shower: #d3dcea;
$morning-shower-rgb: 211, 220, 234;
$morning-shower-light: mix(#fff, $morning-shower, 20%);
$morning-shower-dark: mix(#000, $morning-shower, 20%);
.element {
color: $morning-shower;
box-shadow: 0 0 0 2px rgba($morning-shower, 0.35);
}