이름 색상 · #9BCA47
Wicked Green
Wicked Green은(는) #9BCA47: rgb(155 202 71), hsl(82 55% 54%), oklch(0.78 0.166 126.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Wicked Green color name →
#9BCA47
oklch(0.78 0.166 126.8)
색상 변환
- HEX
- #9bca47
- RGB
- rgb(155 202 71)
- HSL
- hsl(82 55% 54%)
- HWB
- hwb(82 28% 21%)
- OKLCH
- oklch(0.78 0.166 126.8)
- OKLab
- oklab(0.78 -0.1 0.133)
- CIE Lab
- lab(76.08 -30.5 57.56)
- LCH
- lch(76.08 65.14 117.9)
- CMYK
- cmyk(23% 0% 65% 21%)
틴트 · 셰이드 · 톤
틴트
- A5D05F
- AED573
- B8DB86
- C2E098
- CCE6AA
- D6EBBB
- E0F0CC
- EAF5DD
- F5FAEE
셰이드
- 86AF3D
- 729532
- 5E7C28
- 4B641F
- 394D16
- 28370D
- 182206
- 090F02
- 010200
톤
- 98C351
- 96BB5A
- 93B461
- 90AD67
- 8EA56C
- 8B9E71
- 889676
- 858F79
- 83887D
색 조화
보색 +180°
- 9BCA47
Wicked Green
- CF9EFF
≈ Hydrangea Purple
유사색 -30° +30°
- 9BCA47
Wicked Green
- D5B600
≈ Lionhead
- 3ED68B
≈ Envy’s Love
삼각 배색 +120° +240°
- 9BCA47
Wicked Green
- 75BEFF
≈ Green Darner Tail
- FF91A9
≈ Baker-Miller Pink
분열 보색 +150° +210°
- 9BCA47
Wicked Green
- A5B1FF
≈ Shy Moment
- F98BDE
≈ Pink Delight
사각 배색 +90° +180° +270°
- 9BCA47
Wicked Green
- 00CCF1
≈ Picnic Day Sky
- CF9EFF
≈ Hydrangea Purple
- FF987A
≈ Flash in the Pan
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.92:1 · APCA Lc 37
Ag
AAA검은색 위
WCAG 10.93:1 · APCA Lc 66
가장 좋은 글자색: #000000
WCAG 10.93:1 (AAA) · APCA Lc 66
Contrast pairs
코드 스니펫
CSS
:root {
--wicked-green: #9bca47;
--wicked-green-rgb: 155 202 71;
--wicked-green-oklch: oklch(0.78 0.166 126.8);
}
.element {
color: var(--wicked-green);
background-color: hsl(82 55% 54%);
border-color: oklch(0.78 0.166 126.8);
}Tailwind CSS v4
@theme {
--color-wicked-green: #9bca47;
--color-wicked-green-50: #e7ffcd;
--color-wicked-green-100: #d7f3b8;
--color-wicked-green-200: #bee396;
--color-wicked-green-300: #9dc868;
--color-wicked-green-400: #84af32;
--color-wicked-green-500: #689800;
--color-wicked-green-600: #598100;
--color-wicked-green-700: #476700;
--color-wicked-green-800: #364b00;
--color-wicked-green-900: #243400;
--color-wicked-green-950: #131f00;
}SCSS
$wicked-green: #9bca47;
$wicked-green-rgb: 155, 202, 71;
$wicked-green-light: mix(#fff, $wicked-green, 20%);
$wicked-green-dark: mix(#000, $wicked-green, 20%);
.element {
color: $wicked-green;
box-shadow: 0 0 0 2px rgba($wicked-green, 0.35);
}