이름 색상 · #C7D9CC
Dry Lichen
Dry Lichen은(는) #C7D9CC: rgb(199 217 204), hsl(137 19% 82%), oklch(0.868 0.026 154.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Dry Lichen color name →
#C7D9CC
oklch(0.868 0.026 154.4)
색상 변환
- HEX
- #c7d9cc
- RGB
- rgb(199 217 204)
- HSL
- hsl(137 19% 82%)
- HWB
- hwb(137 78% 15%)
- OKLCH
- oklch(0.868 0.026 154.4)
- OKLab
- oklab(0.868 -0.024 0.011)
- CIE Lab
- lab(85.05 -8.08 4.25)
- LCH
- lch(85.05 9.13 152.2)
- CMYK
- cmyk(8% 0% 6% 15%)
틴트 · 셰이드 · 톤
틴트
- CDDDD1
- D2E1D6
- D8E4DB
- DDE8E0
- E3ECE5
- E8F0EA
- EEF4EF
- F4F7F5
- F9FBFA
셰이드
- ADBCB1
- 93A197
- 7A867E
- 626C65
- 4C534E
- 363B37
- 212522
- 0E110F
- 020202
톤
- C0D0C4
- B8C7BC
- B1BDB5
- AAB4AD
- A3ABA5
- 9CA39E
- 959A96
- 8E918F
- 878987
색 조화
보색 +180°
- C7D9CC
Dry Lichen
- DFCEDB
≈ Cassia Buds
유사색 -30° +30°
- C7D9CC
Dry Lichen
- D0D7C4
≈ Spring Valley
- C2DAD5
≈ Cool Mint
삼각 배색 +120° +240°
- C7D9CC
Dry Lichen
- CED3E5
≈ Bashful Lilac
- E4CEC8
≈ Ginger Shortbread
분열 보색 +150° +210°
- C7D9CC
Dry Lichen
- D7D0E2
≈ Dusty Plum
- E4CDD1
≈ Cool Pink
사각 배색 +90° +180° +270°
- C7D9CC
Dry Lichen
- C6D6E4
≈ Defenestration
- DFCEDB
≈ Cassia Buds
- E0D0C2
≈ Cappuccino Foam
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.47:1 · APCA Lc 23
Ag
AAA검은색 위
WCAG 14.22:1 · APCA Lc 81
가장 좋은 글자색: #000000
WCAG 14.22:1 (AAA) · APCA Lc 81
Contrast pairs
코드 스니펫
CSS
:root {
--dry-lichen: #c7d9cc;
--dry-lichen-rgb: 199 217 204;
--dry-lichen-oklch: oklch(0.868 0.026 154.4);
}
.element {
color: var(--dry-lichen);
background-color: hsl(137 19% 82%);
border-color: oklch(0.868 0.026 154.4);
}Tailwind CSS v4
@theme {
--color-dry-lichen: #c7d9cc;
--color-dry-lichen-50: #eff7f2;
--color-dry-lichen-100: #e1ebe4;
--color-dry-lichen-200: #ccd8d0;
--color-dry-lichen-300: #adbcb2;
--color-dry-lichen-400: #93a398;
--color-dry-lichen-500: #798c7e;
--color-dry-lichen-600: #67766b;
--color-dry-lichen-700: #525e56;
--color-dry-lichen-800: #3c453e;
--color-dry-lichen-900: #29302b;
--color-dry-lichen-950: #171c18;
}SCSS
$dry-lichen: #c7d9cc;
$dry-lichen-rgb: 199, 217, 204;
$dry-lichen-light: mix(#fff, $dry-lichen, 20%);
$dry-lichen-dark: mix(#000, $dry-lichen, 20%);
.element {
color: $dry-lichen;
box-shadow: 0 0 0 2px rgba($dry-lichen, 0.35);
}