이름 색상 · #86A852
Mosquito Fern
Mosquito Fern은(는) #86A852: rgb(134 168 82), hsl(84 34% 49%), oklch(0.687 0.12 127.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Mosquito Fern color name →
#86A852
oklch(0.687 0.12 127.1)
색상 변환
- HEX
- #86a852
- RGB
- rgb(134 168 82)
- HSL
- hsl(84 34% 49%)
- HWB
- hwb(84 32% 34%)
- OKLCH
- oklch(0.687 0.12 127.1)
- OKLab
- oklab(0.687 -0.073 0.096)
- CIE Lab
- lab(64.87 -22.76 39.94)
- LCH
- lch(64.87 45.97 119.7)
- CMYK
- cmyk(20% 0% 51% 34%)
틴트 · 셰이드 · 톤
틴트
- 91B164
- 9DB976
- A9C287
- B5CB98
- C1D4A9
- CDDCBA
- D9E5CB
- E6EEDD
- F2F6EE
셰이드
- 749246
- 627C3B
- 51672F
- 405225
- 303F1A
- 212C11
- 131A08
- 060A02
- 010100
톤
- 85A458
- 85A05E
- 849C63
- 849868
- 83946D
- 839071
- 828C75
- 818879
- 81847D
색 조화
보색 +180°
- 86A852
Mosquito Fern
- AE86D4
≈ Middy’s Purple
유사색 -30° +30°
- 86A852
Mosquito Fern
- AF9A36
≈ Mana
- 51B17C
≈ Divot
삼각 배색 +120° +240°
- 86A852
Mosquito Fern
- 57A0E1
≈ Perfect Days
- D9798D
≈ I Love You Pink
분열 보색 +150° +210°
- 86A852
Mosquito Fern
- 8892E4
≈ Perrywinkle
- C97CB5
≈ Peruvian Lily
사각 배색 +90° +180° +270°
- 86A852
Mosquito Fern
- 11ACCB
≈ Ball Blue
- AE86D4
≈ Middy’s Purple
- DA7E63
≈ Summer Sunset
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.71:1 · APCA Lc 53
Ag
AAA검은색 위
WCAG 7.73:1 · APCA Lc 49
가장 좋은 글자색: #000000
WCAG 7.73:1 (AAA) · APCA Lc 49
Contrast pairs
코드 스니펫
CSS
:root {
--mosquito-fern: #86a852;
--mosquito-fern-rgb: 134 168 82;
--mosquito-fern-oklch: oklch(0.687 0.12 127.1);
}
.element {
color: var(--mosquito-fern);
background-color: hsl(84 34% 49%);
border-color: oklch(0.687 0.12 127.1);
}Tailwind CSS v4
@theme {
--color-mosquito-fern: #86a852;
--color-mosquito-fern-50: #eafdd8;
--color-mosquito-fern-100: #dbf0c6;
--color-mosquito-fern-200: #c4dfa8;
--color-mosquito-fern-300: #a4c481;
--color-mosquito-fern-400: #8bac5b;
--color-mosquito-fern-500: #709432;
--color-mosquito-fern-600: #5f7d2c;
--color-mosquito-fern-700: #4c6423;
--color-mosquito-fern-800: #394915;
--color-mosquito-fern-900: #27330e;
--color-mosquito-fern-950: #151e02;
}SCSS
$mosquito-fern: #86a852;
$mosquito-fern-rgb: 134, 168, 82;
$mosquito-fern-light: mix(#fff, $mosquito-fern, 20%);
$mosquito-fern-dark: mix(#000, $mosquito-fern, 20%);
.element {
color: $mosquito-fern;
box-shadow: 0 0 0 2px rgba($mosquito-fern, 0.35);
}