이름 색상 · #D3DCEA
Morning Shower
Morning Shower은(는) #D3DCEA: rgb(211 220 234), hsl(217 35% 87%), oklch(0.892 0.022 259.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Morning Shower color name →
#D3DCEA
oklch(0.892 0.022 259.2)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- D7DFEC
- DCE3EE
- E0E6F0
- E4EAF2
- E9EDF5
- EDF1F7
- F2F4F9
- F6F8FB
- FBFBFD
셰이드
- B7BFCB
- 9CA3AE
- 828891
- 696E75
- 51545A
- 3A3C41
- 242629
- 101113
- 020203
톤
- CAD2DF
- C2C9D4
- B9BFC9
- B1B6BE
- A9ADB4
- A0A4A9
- 989B9F
- 909294
- 88898A
색 조화
보색 +180°
- D3DCEA
Morning Shower
- E3DACC
≈ Swiss Almond
유사색 -30° +30°
- D3DCEA
Morning Shower
- CEDEE7
≈ Fenrisian Grey
- DAD9E9
≈ Eyeshadow
삼각 배색 +120° +240°
- D3DCEA
Morning Shower
- E9D6D6
≈ Light Youth
- D4DFD2
≈ Fairest Jade
분열 보색 +150° +210°
- D3DCEA
Morning Shower
- E8D8CF
≈ Malted Milk
- DCDDCD
≈ Light Soft Kind
사각 배색 +90° +180° +270°
- D3DCEA
Morning Shower
- E7D6DD
≈ Swiss Rose
- E3DACC
≈ Swiss Almond
- CEE0D9
≈ Light Meadow Lane
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.38:1 · APCA Lc 19
Ag
AAA검은색 위
WCAG 15.19:1 · APCA Lc 85
가장 좋은 글자색: #000000
WCAG 15.19:1 (AAA) · APCA Lc 85
Contrast pairs
코드 스니펫
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);
}