Nazwany kolor · #86A852
Mosquito Fern
Mosquito Fern to #86A852: rgb(134 168 82), hsl(84 34% 49%), oklch(0.687 0.12 127.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Mosquito Fern color name →
#86A852
oklch(0.687 0.12 127.1)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 91B164
- 9DB976
- A9C287
- B5CB98
- C1D4A9
- CDDCBA
- D9E5CB
- E6EEDD
- F2F6EE
Odcienie ciemniejsze
- 749246
- 627C3B
- 51672F
- 405225
- 303F1A
- 212C11
- 131A08
- 060A02
- 010100
Tony
- 85A458
- 85A05E
- 849C63
- 849868
- 83946D
- 839071
- 828C75
- 818879
- 81847D
Harmonie kolorów
Komplementarna +180°
- 86A852
Mosquito Fern
- AE86D4
≈ Middy’s Purple
Analogowa -30° +30°
- 86A852
Mosquito Fern
- AF9A36
≈ Mana
- 51B17C
≈ Divot
Triada +120° +240°
- 86A852
Mosquito Fern
- 57A0E1
≈ Perfect Days
- D9798D
≈ I Love You Pink
Komplementarna rozszczepiona +150° +210°
- 86A852
Mosquito Fern
- 8892E4
≈ Perrywinkle
- C97CB5
≈ Peruvian Lily
Tetrada +90° +180° +270°
- 86A852
Mosquito Fern
- 11ACCB
≈ Ball Blue
- AE86D4
≈ Middy’s Purple
- DA7E63
≈ Summer Sunset
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.71:1 · APCA Lc 53
Ag
AAANa czerni
WCAG 7.73:1 · APCA Lc 49
Najlepszy kolor tekstu: #000000
WCAG 7.73:1 (AAA) · APCA Lc 49
Contrast pairs
Fragmenty kodu
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);
}