이름 색상 · #D9DCD1
Wayward Willow
Wayward Willow은(는) #D9DCD1: rgb(217 220 209), hsl(76 14% 84%), oklch(0.889 0.015 119.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Wayward Willow color name →
#D9DCD1
oklch(0.889 0.015 119.1)
색상 변환
- HEX
- #d9dcd1
- RGB
- rgb(217 220 209)
- HSL
- hsl(76 14% 84%)
- HWB
- hwb(76 82% 14%)
- OKLCH
- oklch(0.889 0.015 119.1)
- OKLab
- oklab(0.889 -0.007 0.013)
- CIE Lab
- lab(87.3 -2.51 5.05)
- LCH
- lch(87.3 5.64 116.4)
- CMYK
- cmyk(1% 0% 5% 14%)
틴트 · 셰이드 · 톤
틴트
- DDDFD6
- E1E3DA
- E4E6DF
- E8EAE3
- ECEDE8
- F0F1EC
- F3F4F1
- F7F8F6
- FBFBFA
셰이드
- BCBFB5
- A1A39B
- 868881
- 6C6E68
- 535450
- 3B3C39
- 252623
- 111110
- 020202
톤
- D0D2C9
- C7C9C0
- BDBFB8
- B4B6B0
- ABADA8
- A3A4A0
- 9A9B98
- 919290
- 888988
색 조화
보색 +180°
- D9DCD1
Wayward Willow
- DCD8E3
≈ Misty Violet
유사색 -30° +30°
- D9DCD1
Wayward Willow
- DEDACF
≈ Ginger Sugar
- D4DDD5
≈ Periwinkle Tint
삼각 배색 +120° +240°
- D9DCD1
Wayward Willow
- D2DCE4
≈ London Lights
- E4D6DA
≈ Secret Scent
분열 보색 +150° +210°
- D9DCD1
Wayward Willow
- D6DAE5
≈ Sueded Grey
- E0D7DF
≈ Little Lilac
사각 배색 +90° +180° +270°
- D9DCD1
Wayward Willow
- D0DDE0
≈ Head in the Clouds
- DCD8E3
≈ Misty Violet
- E4D7D5
≈ Lost Love
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.38:1 · APCA Lc 19
Ag
AAA검은색 위
WCAG 15.10:1 · APCA Lc 85
가장 좋은 글자색: #000000
WCAG 15.10:1 (AAA) · APCA Lc 85
Contrast pairs
코드 스니펫
CSS
:root {
--wayward-willow: #d9dcd1;
--wayward-willow-rgb: 217 220 209;
--wayward-willow-oklch: oklch(0.889 0.015 119.1);
}
.element {
color: var(--wayward-willow);
background-color: hsl(76 14% 84%);
border-color: oklch(0.889 0.015 119.1);
}Tailwind CSS v4
@theme {
--color-wayward-willow: #d9dcd1;
--color-wayward-willow-50: #f4f6f1;
--color-wayward-willow-100: #e7e9e3;
--color-wayward-willow-200: #d3d5ce;
--color-wayward-willow-300: #b6b9b0;
--color-wayward-willow-400: #9da096;
--color-wayward-willow-500: #85887d;
--color-wayward-willow-600: #70736a;
--color-wayward-willow-700: #5a5c54;
--color-wayward-willow-800: #42433d;
--color-wayward-willow-900: #2d2e2a;
--color-wayward-willow-950: #1a1b18;
}SCSS
$wayward-willow: #d9dcd1;
$wayward-willow-rgb: 217, 220, 209;
$wayward-willow-light: mix(#fff, $wayward-willow, 20%);
$wayward-willow-dark: mix(#000, $wayward-willow, 20%);
.element {
color: $wayward-willow;
box-shadow: 0 0 0 2px rgba($wayward-willow, 0.35);
}