이름 색상 · #9DCA7B
Jade Lime
Jade Lime은(는) #9DCA7B: rgb(157 202 123), hsl(94 43% 64%), oklch(0.788 0.116 132.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Jade Lime color name →
#9DCA7B
oklch(0.788 0.116 132.7)
색상 변환
- HEX
- #9dca7b
- RGB
- rgb(157 202 123)
- HSL
- hsl(94 43% 64%)
- HWB
- hwb(94 48% 21%)
- OKLCH
- oklch(0.788 0.116 132.7)
- OKLab
- oklab(0.788 -0.079 0.086)
- CIE Lab
- lab(76.71 -25.81 34.42)
- LCH
- lch(76.71 43.02 126.9)
- CMYK
- cmyk(22% 0% 39% 21%)
틴트 · 셰이드 · 톤
틴트
- A7CF89
- B0D596
- BADAA3
- C4E0B1
- CEE5BE
- D7EACB
- E1EFD8
- EBF5E5
- F5FAF2
셰이드
- 88AF6A
- 73955A
- 5F7C4A
- 4C643A
- 3A4D2C
- 28371E
- 182210
- 090F05
- 010201
톤
- 9AC27C
- 97BB7D
- 95B47E
- 92AC7F
- 8FA580
- 8C9D80
- 899680
- 868F80
- 838780
색 조화
보색 +180°
- 9DCA7B
Jade Lime
- D4A4EF
≈ Bright Ube
유사색 -30° +30°
- 9DCA7B
Jade Lime
- C8BD5F
≈ Lemon Lime Mojito
- 6CD1A4
≈ Crystal Gem
삼각 배색 +120° +240°
- 9DCA7B
Jade Lime
- 86BEFF
≈ Scenic Water
- FB9AA5
≈ Salmon Tartare
분열 보색 +150° +210°
- 9DCA7B
Jade Lime
- AFB1FF
≈ Winterspring Lilac
- EE9CCE
≈ Pearly Pink
사각 배색 +90° +180° +270°
- 9DCA7B
Jade Lime
- 56CAF0
≈ Thor’s Thunder
- D4A4EF
≈ Bright Ube
- F9A17D
≈ Papaya Punch
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.88:1 · APCA Lc 36
Ag
AAA검은색 위
WCAG 11.16:1 · APCA Lc 67
가장 좋은 글자색: #000000
WCAG 11.16:1 (AAA) · APCA Lc 67
Contrast pairs
코드 스니펫
CSS
:root {
--jade-lime: #9dca7b;
--jade-lime-rgb: 157 202 123;
--jade-lime-oklch: oklch(0.788 0.116 132.7);
}
.element {
color: var(--jade-lime);
background-color: hsl(94 43% 64%);
border-color: oklch(0.788 0.116 132.7);
}Tailwind CSS v4
@theme {
--color-jade-lime: #9dca7b;
--color-jade-lime-50: #e7fddc;
--color-jade-lime-100: #d8f1ca;
--color-jade-lime-200: #bfe0ae;
--color-jade-lime-300: #9ec588;
--color-jade-lime-400: #84ad64;
--color-jade-lime-500: #67963f;
--color-jade-lime-600: #587f37;
--color-jade-lime-700: #46662c;
--color-jade-lime-800: #344a1c;
--color-jade-lime-900: #233412;
--color-jade-lime-950: #121f05;
}SCSS
$jade-lime: #9dca7b;
$jade-lime-rgb: 157, 202, 123;
$jade-lime-light: mix(#fff, $jade-lime, 20%);
$jade-lime-dark: mix(#000, $jade-lime, 20%);
.element {
color: $jade-lime;
box-shadow: 0 0 0 2px rgba($jade-lime, 0.35);
}