이름 색상 · #9CD03B
Green Lantern
Green Lantern은(는) #9CD03B: rgb(156 208 59), hsl(81 61% 52%), oklch(0.794 0.181 127.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Green Lantern color name →
#9CD03B
oklch(0.794 0.181 127.1)
색상 변환
- HEX
- #9cd03b
- RGB
- rgb(156 208 59)
- HSL
- hsl(81 61% 52%)
- HWB
- hwb(81 23% 18%)
- OKLCH
- oklch(0.794 0.181 127.1)
- OKLab
- oklab(0.794 -0.109 0.145)
- CIE Lab
- lab(77.8 -33.26 63.72)
- LCH
- lch(77.8 71.88 117.6)
- CMYK
- cmyk(25% 0% 72% 18%)
틴트 · 셰이드 · 톤
틴트
- A6D557
- AFDA6E
- B9DF82
- C3E495
- CDE9A8
- D7EDBA
- E1F2CB
- EBF6DD
- F5FBEE
셰이드
- 87B532
- 739A29
- 5F8021
- 4C6719
- 394F11
- 283909
- 182304
- 091001
- 010200
톤
- 99C849
- 96C053
- 94B85C
- 91B064
- 8EA86A
- 8BA06F
- 889874
- 869079
- 83887D
색 조화
보색 +180°
- 9CD03B
Green Lantern
- D3A4FF
≈ Lilac
유사색 -30° +30°
- 9CD03B
Green Lantern
- DABB00
≈ Alu Gobi
- 25DD8B
≈ Drunken Dragonfly
삼각 배색 +120° +240°
- 9CD03B
Green Lantern
- 80C2FF
≈ Maya Blue
- FF99AE
≈ Fight the Sunrise
분열 보색 +150° +210°
- 9CD03B
Green Lantern
- ABB6FF
≈ Greyish Lavender
- FF8EE3
≈ Pink Delight
사각 배색 +90° +180° +270°
- 9CD03B
Green Lantern
- 00D1F7
≈ Picnic Day Sky
- D3A4FF
≈ Lilac
- FF9F83
≈ Tangerine Cream
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.82:1 · APCA Lc 34
Ag
AAA검은색 위
WCAG 11.49:1 · APCA Lc 69
가장 좋은 글자색: #000000
WCAG 11.49:1 (AAA) · APCA Lc 69
Contrast pairs
코드 스니펫
CSS
:root {
--green-lantern: #9cd03b;
--green-lantern-rgb: 156 208 59;
--green-lantern-oklch: oklch(0.794 0.181 127.1);
}
.element {
color: var(--green-lantern);
background-color: hsl(81 61% 52%);
border-color: oklch(0.794 0.181 127.1);
}Tailwind CSS v4
@theme {
--color-green-lantern: #9cd03b;
--color-green-lantern-50: #e5ffc9;
--color-green-lantern-100: #d5f4b4;
--color-green-lantern-200: #bce48f;
--color-green-lantern-300: #9ac95f;
--color-green-lantern-400: #81b11d;
--color-green-lantern-500: #659900;
--color-green-lantern-600: #568200;
--color-green-lantern-700: #446800;
--color-green-lantern-800: #344c00;
--color-green-lantern-900: #233500;
--color-green-lantern-950: #122000;
}SCSS
$green-lantern: #9cd03b;
$green-lantern-rgb: 156, 208, 59;
$green-lantern-light: mix(#fff, $green-lantern, 20%);
$green-lantern-dark: mix(#000, $green-lantern, 20%);
.element {
color: $green-lantern;
box-shadow: 0 0 0 2px rgba($green-lantern, 0.35);
}