Nazwany kolor · #94B491
Mountain Fern
Mountain Fern to #94B491: rgb(148 180 145), hsl(115 19% 64%), oklch(0.736 0.061 142.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Mountain Fern color name →
#94B491
oklch(0.736 0.061 142.7)
Konwersje koloru
- HEX
- #94b491
- RGB
- rgb(148 180 145)
- HSL
- hsl(115 19% 64%)
- HWB
- hwb(115 57% 29%)
- OKLCH
- oklch(0.736 0.061 142.7)
- OKLab
- oklab(0.736 -0.048 0.037)
- CIE Lab
- lab(70.19 -16.42 14.17)
- LCH
- lch(70.19 21.69 139.2)
- CMYK
- cmyk(18% 0% 19% 29%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 9EBB9C
- A9C3A6
- B3CAB1
- BED2BC
- C9D9C7
- D3E1D2
- DEE8DD
- E9F0E8
- F4F7F4
Odcienie ciemniejsze
- 809C7D
- 6D856A
- 5A6E58
- 485846
- 364435
- 263025
- 161D15
- 080C07
- 010201
Tony
- 92AF8F
- 90A98E
- 8EA48C
- 8C9F8A
- 8A9A89
- 889587
- 868F85
- 848A84
- 828582
Harmonie kolorów
Komplementarna +180°
- 94B491
Mountain Fern
- BD9DC0
≈ Lupine
Analogowa -30° +30°
- 94B491
Mountain Fern
- AAAE82
≈ Wall Green
- 82B7A6
≈ Key Largo
Triada +120° +240°
- 94B491
Mountain Fern
- 95AAD1
≈ Hopeful Dream
- CD9B98
≈ Gilman Rose
Komplementarna rozszczepiona +150° +210°
- 94B491
Mountain Fern
- AAA3CD
≈ Puturple
- C99AAD
≈ Rosebay
Tetrada +90° +180° +270°
- 94B491
Mountain Fern
- 83B1CA
≈ Batch Blue
- BD9DC0
≈ Lupine
- C9A087
≈ Peanut Butter Crust
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.28:1 · APCA Lc 45
Ag
AAANa czerni
WCAG 9.19:1 · APCA Lc 57
Najlepszy kolor tekstu: #000000
WCAG 9.19:1 (AAA) · APCA Lc 57
Contrast pairs
Fragmenty kodu
CSS
:root {
--mountain-fern: #94b491;
--mountain-fern-rgb: 148 180 145;
--mountain-fern-oklch: oklch(0.736 0.061 142.7);
}
.element {
color: var(--mountain-fern);
background-color: hsl(115 19% 64%);
border-color: oklch(0.736 0.061 142.7);
}Tailwind CSS v4
@theme {
--color-mountain-fern: #94b491;
--color-mountain-fern-50: #ebfaeb;
--color-mountain-fern-100: #dceedc;
--color-mountain-fern-200: #c5dcc5;
--color-mountain-fern-300: #a5c0a5;
--color-mountain-fern-400: #8aa887;
--color-mountain-fern-500: #6f916c;
--color-mountain-fern-600: #5e7b5b;
--color-mountain-fern-700: #4b6249;
--color-mountain-fern-800: #374834;
--color-mountain-fern-900: #263223;
--color-mountain-fern-950: #141e12;
}SCSS
$mountain-fern: #94b491;
$mountain-fern-rgb: 148, 180, 145;
$mountain-fern-light: mix(#fff, $mountain-fern, 20%);
$mountain-fern-dark: mix(#000, $mountain-fern, 20%);
.element {
color: $mountain-fern;
box-shadow: 0 0 0 2px rgba($mountain-fern, 0.35);
}