이름 색상 · #D2DFED
Dripping Ice
Dripping Ice은(는) #D2DFED: rgb(210 223 237), hsl(211 43% 88%), oklch(0.898 0.024 250.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Dripping Ice color name →
#D2DFED
oklch(0.898 0.024 250.1)
색상 변환
- HEX
- #d2dfed
- RGB
- rgb(210 223 237)
- HSL
- hsl(211 43% 88%)
- HWB
- hwb(211 82% 7%)
- OKLCH
- oklch(0.898 0.024 250.1)
- OKLab
- oklab(0.898 -0.008 -0.022)
- CIE Lab
- lab(88.15 -2.47 -8.44)
- LCH
- lch(88.15 8.79 253.7)
- CMYK
- cmyk(11% 6% 0% 7%)
틴트 · 셰이드 · 톤
틴트
- D6E2EF
- DBE5F1
- DFE9F2
- E4ECF4
- E8EFF6
- EDF2F8
- F1F5FA
- F6F9FB
- FAFCFD
셰이드
- B6C2CE
- 9BA5B0
- 818A93
- 686F77
- 50565C
- 393D42
- 24272A
- 101214
- 020203
톤
- C9D5E2
- C1CBD6
- B9C2CB
- B0B8C0
- A8AEB5
- A0A5AA
- 989B9F
- 909295
- 88898A
색 조화
보색 +180°
- D2DFED
Dripping Ice
- E8DBCD
≈ Crepuscular
유사색 -30° +30°
- D2DFED
Dripping Ice
- CDE1E8
≈ Goddess
- DADCED
≈ The White Death
삼각 배색 +120° +240°
- D2DFED
Dripping Ice
- EDD7DA
≈ Pale Rose
- D8E1D1
≈ Light Ligado
분열 보색 +150° +210°
- D2DFED
Dripping Ice
- ECD9D2
≈ Fiesta
- E1DECC
≈ Cappuccino Cosmico
사각 배색 +90° +180° +270°
- D2DFED
Dripping Ice
- E9D8E2
≈ Rajah Rose
- E8DBCD
≈ Crepuscular
- D1E3D8
≈ Delicate Snow Goose
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.35:1 · APCA Lc 17
Ag
AAA검은색 위
WCAG 15.51:1 · APCA Lc 86
가장 좋은 글자색: #000000
WCAG 15.51:1 (AAA) · APCA Lc 86
Contrast pairs
코드 스니펫
CSS
:root {
--dripping-ice: #d2dfed;
--dripping-ice-rgb: 210 223 237;
--dripping-ice-oklch: oklch(0.898 0.024 250.1);
}
.element {
color: var(--dripping-ice);
background-color: hsl(211 43% 88%);
border-color: oklch(0.898 0.024 250.1);
}Tailwind CSS v4
@theme {
--color-dripping-ice: #d2dfed;
--color-dripping-ice-50: #f0f6fc;
--color-dripping-ice-100: #e2e9f0;
--color-dripping-ice-200: #cdd5de;
--color-dripping-ice-300: #afb8c4;
--color-dripping-ice-400: #94a0ac;
--color-dripping-ice-500: #7b8896;
--color-dripping-ice-600: #68737f;
--color-dripping-ice-700: #535c65;
--color-dripping-ice-800: #3c434a;
--color-dripping-ice-900: #292e34;
--color-dripping-ice-950: #171b1f;
}SCSS
$dripping-ice: #d2dfed;
$dripping-ice-rgb: 210, 223, 237;
$dripping-ice-light: mix(#fff, $dripping-ice, 20%);
$dripping-ice-dark: mix(#000, $dripping-ice, 20%);
.element {
color: $dripping-ice;
box-shadow: 0 0 0 2px rgba($dripping-ice, 0.35);
}