이름 색상 · #C1CEC1
Green Lily
Green Lily은(는) #C1CEC1: rgb(193 206 193), hsl(120 12% 78%), oklch(0.838 0.023 145.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Green Lily color name →
#C1CEC1
oklch(0.838 0.023 145.4)
색상 변환
- HEX
- #c1cec1
- RGB
- rgb(193 206 193)
- HSL
- hsl(120 12% 78%)
- HWB
- hwb(120 76% 19%)
- OKLCH
- oklch(0.838 0.023 145.4)
- OKLab
- oklab(0.838 -0.019 0.013)
- CIE Lab
- lab(81.48 -6.39 4.89)
- LCH
- lch(81.48 8.04 142.6)
- CMYK
- cmyk(6% 0% 6% 19%)
틴트 · 셰이드 · 톤
틴트
- C7D3C7
- CDD8CD
- D3DDD3
- D9E1D9
- E0E6E0
- E6EBE6
- ECF0EC
- F2F5F2
- F9FAF9
셰이드
- A7B3A7
- 8F988F
- 777F77
- 5F665F
- 494E49
- 343834
- 202320
- 0E0F0E
- 020202
톤
- BAC6BA
- B4BEB4
- ADB6AD
- A6AEA6
- A0A6A0
- 999E99
- 939793
- 8D8F8D
- 868786
색 조화
보색 +180°
- C1CEC1
Green Lily
- D2C5D2
≈ Enchant
유사색 -30° +30°
- C1CEC1
Green Lily
- C9CCBB
≈ Lamb’s Ears
- BBCFC9
≈ Jet Stream
삼각 배색 +120° +240°
- C1CEC1
Green Lily
- C3CAD9
≈ Icy Brook
- D8C5C2
≈ Just Gorgeous
분열 보색 +150° +210°
- C1CEC1
Green Lily
- CBC7D7
≈ Dreamweaver
- D7C4CA
≈ Victorian Cottage
사각 배색 +90° +180° +270°
- C1CEC1
Green Lily
- BCCDD7
≈ Constellation
- D2C5D2
≈ Enchant
- D6C6BC
≈ Desert Rock
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.63:1 · APCA Lc 28
Ag
AAA검은색 위
WCAG 12.86:1 · APCA Lc 75
가장 좋은 글자색: #000000
WCAG 12.86:1 (AAA) · APCA Lc 75
Contrast pairs
코드 스니펫
CSS
:root {
--green-lily: #c1cec1;
--green-lily-rgb: 193 206 193;
--green-lily-oklch: oklch(0.838 0.023 145.4);
}
.element {
color: var(--green-lily);
background-color: hsl(120 12% 78%);
border-color: oklch(0.838 0.023 145.4);
}Tailwind CSS v4
@theme {
--color-green-lily: #c1cec1;
--color-green-lily-50: #f1f7f1;
--color-green-lily-100: #e3eae4;
--color-green-lily-200: #ced7cf;
--color-green-lily-300: #b0bbb1;
--color-green-lily-400: #96a296;
--color-green-lily-500: #7d8a7d;
--color-green-lily-600: #6a756a;
--color-green-lily-700: #555e55;
--color-green-lily-800: #3e453d;
--color-green-lily-900: #2b2f2a;
--color-green-lily-950: #181c18;
}SCSS
$green-lily: #c1cec1;
$green-lily-rgb: 193, 206, 193;
$green-lily-light: mix(#fff, $green-lily, 20%);
$green-lily-dark: mix(#000, $green-lily, 20%);
.element {
color: $green-lily;
box-shadow: 0 0 0 2px rgba($green-lily, 0.35);
}