이름 색상 · #9DA693
Lichen Green
Lichen Green은(는) #9DA693: rgb(157 166 147), hsl(88 10% 61%), oklch(0.713 0.029 127.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Lichen Green color name →
#9DA693
oklch(0.713 0.029 127.9)
색상 변환
- HEX
- #9da693
- RGB
- rgb(157 166 147)
- HSL
- hsl(88 10% 61%)
- HWB
- hwb(88 58% 35%)
- OKLCH
- oklch(0.713 0.029 127.9)
- OKLab
- oklab(0.713 -0.018 0.023)
- CIE Lab
- lab(66.98 -5.96 8.73)
- LCH
- lch(66.98 10.57 124.3)
- CMYK
- cmyk(5% 0% 11% 35%)
틴트 · 셰이드 · 톤
틴트
- A6AF9D
- B0B7A8
- B9C0B2
- C3C9BD
- CDD2C8
- D7DBD3
- E1E4DE
- EBEDE9
- F5F6F4
셰이드
- 88907F
- 737A6C
- 5F6559
- 4C5147
- 3A3E36
- 282B25
- 181A16
- 090A08
- 010101
톤
- 9AA291
- 979E8F
- 949A8D
- 91978B
- 8E938A
- 8B8F88
- 898B86
- 868784
- 838482
색 조화
보색 +180°
- 9DA693
Lichen Green
- A79EB1
≈ Grapeade
유사색 -30° +30°
- 9DA693
Lichen Green
- A7A38F
≈ Cement
- 94A89B
≈ Melville
삼각 배색 +120° +240°
- 9DA693
Lichen Green
- 95A4B4
≈ River Valley
- B39B9F
≈ Decorum
분열 보색 +150° +210°
- 9DA693
Lichen Green
- 9EA1B5
≈ Santas Grey
- AF9CA9
≈ Play Time
사각 배색 +90° +180° +270°
- 9DA693
Lichen Green
- 8FA7AE
≈ Stone Silver
- A79EB1
≈ Grapeade
- B39D96
≈ Iris Mauve
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.52:1 · APCA Lc 50
Ag
AAA검은색 위
WCAG 8.30:1 · APCA Lc 52
가장 좋은 글자색: #000000
WCAG 8.30:1 (AAA) · APCA Lc 52
Contrast pairs
코드 스니펫
CSS
:root {
--lichen-green: #9da693;
--lichen-green-rgb: 157 166 147;
--lichen-green-oklch: oklch(0.713 0.029 127.9);
}
.element {
color: var(--lichen-green);
background-color: hsl(88 10% 61%);
border-color: oklch(0.713 0.029 127.9);
}Tailwind CSS v4
@theme {
--color-lichen-green: #9da693;
--color-lichen-green-50: #f2f7ee;
--color-lichen-green-100: #e5eae0;
--color-lichen-green-200: #d0d7ca;
--color-lichen-green-300: #b2bbab;
--color-lichen-green-400: #99a290;
--color-lichen-green-500: #818a76;
--color-lichen-green-600: #6d7564;
--color-lichen-green-700: #575d50;
--color-lichen-green-800: #40443a;
--color-lichen-green-900: #2c2f27;
--color-lichen-green-950: #191c16;
}SCSS
$lichen-green: #9da693;
$lichen-green-rgb: 157, 166, 147;
$lichen-green-light: mix(#fff, $lichen-green, 20%);
$lichen-green-dark: mix(#000, $lichen-green, 20%);
.element {
color: $lichen-green;
box-shadow: 0 0 0 2px rgba($lichen-green, 0.35);
}