이름 색상 · #C1D8AC
Winter Willow Green
Winter Willow Green은(는) #C1D8AC: rgb(193 216 172), hsl(91 36% 76%), oklch(0.854 0.064 130.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Winter Willow Green color name →
#C1D8AC
oklch(0.854 0.064 130.2)
색상 변환
- HEX
- #c1d8ac
- RGB
- rgb(193 216 172)
- HSL
- hsl(91 36% 76%)
- HWB
- hwb(91 67% 15%)
- OKLCH
- oklch(0.854 0.064 130.2)
- OKLab
- oklab(0.854 -0.041 0.049)
- CIE Lab
- lab(83.75 -13.8 19.09)
- LCH
- lch(83.75 23.56 125.9)
- CMYK
- cmyk(11% 0% 20% 15%)
틴트 · 셰이드 · 톤
틴트
- C7DCB4
- CDE0BD
- D3E4C5
- D9E8CD
- E0ECD5
- E6EFDE
- ECF3E6
- F2F7EE
- F9FBF7
셰이드
- A7BC95
- 8FA07F
- 778569
- 5F6B54
- 495340
- 343B2D
- 20251B
- 0E110B
- 020201
톤
- BACFA8
- B4C6A3
- ADBD9F
- A6B49B
- A0AB96
- 99A292
- 939A8D
- 8D9189
- 868884
색 조화
보색 +180°
- C1D8AC
Winter Willow Green
- DCC4EF
≈ Beefy Pink
유사색 -30° +30°
- C1D8AC
Winter Willow Green
- D8D1A0
≈ Cream Cheese Avocado
- ABDCC1
≈ Shanghai Jade
삼각 배색 +120° +240°
- C1D8AC
Winter Willow Green
- B0D3F8
≈ Ice Cold Stare
- F6BEC5
≈ Strawberry Confection
분열 보색 +150° +210°
- C1D8AC
Winter Willow Green
- C6CBF9
≈ Lavender Blue
- EDBFDC
≈ Starlet Pink
사각 배색 +90° +180° +270°
- C1D8AC
Winter Willow Green
- A0D9EC
≈ Sora Blue
- DCC4EF
≈ Beefy Pink
- F5C2B0
≈ Cosmetic Peach
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.53:1 · APCA Lc 25
Ag
AAA검은색 위
WCAG 13.68:1 · APCA Lc 78
가장 좋은 글자색: #000000
WCAG 13.68:1 (AAA) · APCA Lc 78
Contrast pairs
코드 스니펫
CSS
:root {
--winter-willow-green: #c1d8ac;
--winter-willow-green-rgb: 193 216 172;
--winter-willow-green-oklch: oklch(0.854 0.064 130.2);
}
.element {
color: var(--winter-willow-green);
background-color: hsl(91 36% 76%);
border-color: oklch(0.854 0.064 130.2);
}Tailwind CSS v4
@theme {
--color-winter-willow-green: #c1d8ac;
--color-winter-willow-green-50: #eef9e7;
--color-winter-willow-green-100: #e0edd7;
--color-winter-willow-green-200: #cadbbe;
--color-winter-willow-green-300: #abbf9d;
--color-winter-willow-green-400: #92a77f;
--color-winter-willow-green-500: #788f62;
--color-winter-willow-green-600: #667953;
--color-winter-willow-green-700: #516142;
--color-winter-willow-green-800: #3c472f;
--color-winter-willow-green-900: #293120;
--color-winter-willow-green-950: #171d0f;
}SCSS
$winter-willow-green: #c1d8ac;
$winter-willow-green-rgb: 193, 216, 172;
$winter-willow-green-light: mix(#fff, $winter-willow-green, 20%);
$winter-willow-green-dark: mix(#000, $winter-willow-green, 20%);
.element {
color: $winter-willow-green;
box-shadow: 0 0 0 2px rgba($winter-willow-green, 0.35);
}