이름 색상 · #DFE6DA
Cloudy Day
Cloudy Day은(는) #DFE6DA: rgb(223 230 218), hsl(95 19% 88%), oklch(0.916 0.018 131.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Cloudy Day color name →
#DFE6DA
oklch(0.916 0.018 131.9)
색상 변환
- HEX
- #dfe6da
- RGB
- rgb(223 230 218)
- HSL
- hsl(95 19% 88%)
- HWB
- hwb(95 85% 10%)
- OKLCH
- oklch(0.916 0.018 131.9)
- OKLab
- oklab(0.916 -0.012 0.013)
- CIE Lab
- lab(90.5 -4.02 5.01)
- LCH
- lch(90.5 6.43 128.8)
- CMYK
- cmyk(3% 0% 5% 10%)
틴트 · 셰이드 · 톤
틴트
- E2E8DE
- E5EBE1
- E9EDE5
- ECF0E9
- EFF2EC
- F2F5F0
- F5F7F4
- F9FAF8
- FCFCFB
셰이드
- C2C8BD
- A5ABA2
- 8A8E87
- 6F736C
- 565954
- 3D403C
- 272825
- 121311
- 020302
톤
- D5DBD1
- CBD1C7
- C2C6BE
- B8BCB5
- AEB2AC
- A5A7A3
- 9B9D9A
- 929491
- 898A89
색 조화
보색 +180°
- DFE6DA
Cloudy Day
- E7E0EC
≈ Homoeopathic Lavender
유사색 -30° +30°
- DFE6DA
Cloudy Day
- E5E4D7
≈ Olive Conquering White
- DAE7E0
≈ Porcelain Mint
삼각 배색 +120° +240°
- DFE6DA
Cloudy Day
- DBE4EF
≈ Iceberg
- EFDFE0
≈ Daring Deception
분열 보색 +150° +210°
- DFE6DA
Cloudy Day
- E1E2EF
≈ Iris Ice
- ECDFE7
≈ Antarctic Love
사각 배색 +90° +180° +270°
- DFE6DA
Cloudy Day
- D7E6EC
≈ Dream Blue
- E7E0EC
≈ Homoeopathic Lavender
- EEE0DA
≈ Milady
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.27:1 · APCA Lc 14
Ag
AAA검은색 위
WCAG 16.46:1 · APCA Lc 90
가장 좋은 글자색: #000000
WCAG 16.46:1 (AAA) · APCA Lc 90
Contrast pairs
코드 스니펫
CSS
:root {
--cloudy-day: #dfe6da;
--cloudy-day-rgb: 223 230 218;
--cloudy-day-oklch: oklch(0.916 0.018 131.9);
}
.element {
color: var(--cloudy-day);
background-color: hsl(95 19% 88%);
border-color: oklch(0.916 0.018 131.9);
}Tailwind CSS v4
@theme {
--color-cloudy-day: #dfe6da;
--color-cloudy-day-50: #f3f6f1;
--color-cloudy-day-100: #e5e9e3;
--color-cloudy-day-200: #d1d6ce;
--color-cloudy-day-300: #b4b9b0;
--color-cloudy-day-400: #9ba196;
--color-cloudy-day-500: #82897d;
--color-cloudy-day-600: #6e746a;
--color-cloudy-day-700: #585d54;
--color-cloudy-day-800: #40443d;
--color-cloudy-day-900: #2c2f2a;
--color-cloudy-day-950: #191b18;
}SCSS
$cloudy-day: #dfe6da;
$cloudy-day-rgb: 223, 230, 218;
$cloudy-day-light: mix(#fff, $cloudy-day, 20%);
$cloudy-day-dark: mix(#000, $cloudy-day, 20%);
.element {
color: $cloudy-day;
box-shadow: 0 0 0 2px rgba($cloudy-day, 0.35);
}