이름 색상 · #D9CDC4
Day Dreamer
Day Dreamer은(는) #D9CDC4: rgb(217 205 196), hsl(26 22% 81%), oklch(0.856 0.018 59.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Day Dreamer color name →
#D9CDC4
oklch(0.856 0.018 59.4)
색상 변환
- HEX
- #d9cdc4
- RGB
- rgb(217 205 196)
- HSL
- hsl(26 22% 81%)
- HWB
- hwb(26 77% 15%)
- OKLCH
- oklch(0.856 0.018 59.4)
- OKLab
- oklab(0.856 0.009 0.016)
- CIE Lab
- lab(83.21 3.17 6.07)
- LCH
- lch(83.21 6.84 62.4)
- CMYK
- cmyk(0% 6% 10% 15%)
틴트 · 셰이드 · 톤
틴트
- DDD2CA
- E1D7D0
- E4DCD5
- E8E1DB
- ECE6E1
- F0EBE7
- F4F0ED
- F7F5F3
- FBFAF9
셰이드
- BCB2AA
- A19891
- 867E78
- 6C6661
- 534E4A
- 3B3835
- 252321
- 110F0E
- 020202
톤
- D0C5BD
- C7BDB6
- BDB5AF
- B4ADA8
- ABA6A1
- A39E9B
- 9A9694
- 918F8D
- 898787
색 조화
보색 +180°
- D9CDC4
Day Dreamer
- C5D1DA
≈ Polished Silver
유사색 -30° +30°
- D9CDC4
Day Dreamer
- DBCBC9
≈ Nut Milk
- D4CFC2
≈ Modern Grey
삼각 배색 +120° +240°
- D9CDC4
Day Dreamer
- C4D4D0
≈ Celtic Grey
- D1CDDA
≈ Kundalini Bliss
분열 보색 +150° +210°
- D9CDC4
Day Dreamer
- C3D3D6
≈ Scandinavian Sky
- CBCFDC
≈ Pale Shale
사각 배색 +90° +180° +270°
- D9CDC4
Day Dreamer
- C8D3C9
≈ Milky Green
- C5D1DA
≈ Polished Silver
- D7CBD5
≈ Purple Cream
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.55:1 · APCA Lc 26
Ag
AAA검은색 위
WCAG 13.47:1 · APCA Lc 77
가장 좋은 글자색: #000000
WCAG 13.47:1 (AAA) · APCA Lc 77
Contrast pairs
코드 스니펫
CSS
:root {
--day-dreamer: #d9cdc4;
--day-dreamer-rgb: 217 205 196;
--day-dreamer-oklch: oklch(0.856 0.018 59.4);
}
.element {
color: var(--day-dreamer);
background-color: hsl(26 22% 81%);
border-color: oklch(0.856 0.018 59.4);
}Tailwind CSS v4
@theme {
--color-day-dreamer: #d9cdc4;
--color-day-dreamer-50: #f9f4f0;
--color-day-dreamer-100: #ede7e2;
--color-day-dreamer-200: #dad3cd;
--color-day-dreamer-300: #bfb5ae;
--color-day-dreamer-400: #a79c94;
--color-day-dreamer-500: #90847a;
--color-day-dreamer-600: #7a6f68;
--color-day-dreamer-700: #615953;
--color-day-dreamer-800: #47413c;
--color-day-dreamer-900: #312d29;
--color-day-dreamer-950: #1d1a17;
}SCSS
$day-dreamer: #d9cdc4;
$day-dreamer-rgb: 217, 205, 196;
$day-dreamer-light: mix(#fff, $day-dreamer, 20%);
$day-dreamer-dark: mix(#000, $day-dreamer, 20%);
.element {
color: $day-dreamer;
box-shadow: 0 0 0 2px rgba($day-dreamer, 0.35);
}