이름 색상 · #94C84C
Lone Hunter
Lone Hunter은(는) #94C84C: rgb(148 200 76), hsl(85 53% 54%), oklch(0.771 0.163 128.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Lone Hunter color name →
#94C84C
oklch(0.771 0.163 128.9)
색상 변환
- HEX
- #94c84c
- RGB
- rgb(148 200 76)
- HSL
- hsl(85 53% 54%)
- HWB
- hwb(85 30% 22%)
- OKLCH
- oklch(0.771 0.163 128.9)
- OKLab
- oklab(0.771 -0.103 0.127)
- CIE Lab
- lab(75.1 -31.99 54.34)
- LCH
- lch(75.1 63.06 120.5)
- CMYK
- cmyk(26% 0% 62% 22%)
틴트 · 셰이드 · 톤
틴트
- 9ECE62
- A9D476
- B4D988
- BEDF9A
- C9E4AB
- D3EABC
- DEEFCD
- E9F5DE
- F4FAEE
셰이드
- 80AE41
- 6D9436
- 5A7B2C
- 486322
- 364C18
- 26360F
- 162106
- 080F02
- 010200
톤
- 92C155
- 90BA5C
- 8EB363
- 8CAB69
- 8AA46E
- 889D72
- 869676
- 848F7A
- 82877D
색 조화
보색 +180°
- 94C84C
Lone Hunter
- D197FF
≈ Lilás
유사색 -30° +30°
- 94C84C
Lone Hunter
- CFB500
≈ Mustard
- 35D38E
≈ Envy’s Love
삼각 배색 +120° +240°
- 94C84C
Lone Hunter
- 74BAFF
≈ Cooler Than Ever
- FF8DA2
≈ Charming Cherry
분열 보색 +150° +210°
- 94C84C
Lone Hunter
- A4ACFF
≈ Shy Moment
- F788D7
≈ Pink Delight
사각 배색 +90° +180° +270°
- 94C84C
Lone Hunter
- 00C9F0
≈ Picnic Day Sky
- D197FF
≈ Lilás
- FF9370
≈ Hibiscus Delight
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.97:1 · APCA Lc 38
Ag
AAA검은색 위
WCAG 10.62:1 · APCA Lc 64
가장 좋은 글자색: #000000
WCAG 10.62:1 (AAA) · APCA Lc 64
Contrast pairs
코드 스니펫
CSS
:root {
--lone-hunter: #94c84c;
--lone-hunter-rgb: 148 200 76;
--lone-hunter-oklch: oklch(0.771 0.163 128.9);
}
.element {
color: var(--lone-hunter);
background-color: hsl(85 53% 54%);
border-color: oklch(0.771 0.163 128.9);
}Tailwind CSS v4
@theme {
--color-lone-hunter: #94c84c;
--color-lone-hunter-50: #e5ffcf;
--color-lone-hunter-100: #d5f4bb;
--color-lone-hunter-200: #bce399;
--color-lone-hunter-300: #9ac86d;
--color-lone-hunter-400: #80b03b;
--color-lone-hunter-500: #639900;
--color-lone-hunter-600: #558100;
--color-lone-hunter-700: #436800;
--color-lone-hunter-800: #334c00;
--color-lone-hunter-900: #233500;
--color-lone-hunter-950: #122000;
}SCSS
$lone-hunter: #94c84c;
$lone-hunter-rgb: 148, 200, 76;
$lone-hunter-light: mix(#fff, $lone-hunter, 20%);
$lone-hunter-dark: mix(#000, $lone-hunter, 20%);
.element {
color: $lone-hunter;
box-shadow: 0 0 0 2px rgba($lone-hunter, 0.35);
}