Nazwany kolor · #8DBC8A
Green Masquerade
Green Masquerade to #8DBC8A: rgb(141 188 138), hsl(116 27% 64%), oklch(0.748 0.086 143.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Green Masquerade color name →
#8DBC8A
oklch(0.748 0.086 143.2)
Konwersje koloru
- HEX
- #8dbc8a
- RGB
- rgb(141 188 138)
- HSL
- hsl(116 27% 64%)
- HWB
- hwb(116 54% 26%)
- OKLCH
- oklch(0.748 0.086 143.2)
- OKLab
- oklab(0.748 -0.069 0.052)
- CIE Lab
- lab(71.91 -23.54 20.16)
- LCH
- lch(71.91 30.99 139.4)
- CMYK
- cmyk(25% 0% 27% 26%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 98C395
- A4C9A1
- AFD0AC
- BAD7B8
- C6DDC4
- D1E4CF
- DCEBDB
- E8F2E7
- F3F8F3
Odcienie ciemniejsze
- 7AA377
- 678B65
- 557353
- 445D42
- 334732
- 233222
- 141F14
- 070D07
- 010201
Tony
- 8CB689
- 8BB088
- 8AAA88
- 89A487
- 879E86
- 869885
- 859284
- 838C82
- 828681
Harmonie kolorów
Komplementarna +180°
- 8DBC8A
Green Masquerade
- C89BCD
≈ Ineffable Magenta
Analogowa -30° +30°
- 8DBC8A
Green Masquerade
- ADB473
≈ Timothy Grass
- 70C0A8
≈ Blue Energy
Triada +120° +240°
- 8DBC8A
Green Masquerade
- 91AEE5
≈ Queer Blue
- DF9894
≈ Blushing Bud
Komplementarna rozszczepiona +150° +210°
- 8DBC8A
Green Masquerade
- AFA3E0
≈ Violet Velvet
- D997B2
≈ Haute Pink
Tetrada +90° +180° +270°
- 8DBC8A
Green Masquerade
- 74B7DC
≈ Tranquil Bay
- C89BCD
≈ Ineffable Magenta
- D99F7A
≈ Soft Leather
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.16:1 · APCA Lc 43
Ag
AAANa czerni
WCAG 9.69:1 · APCA Lc 60
Najlepszy kolor tekstu: #000000
WCAG 9.69:1 (AAA) · APCA Lc 60
Contrast pairs
Fragmenty kodu
CSS
:root {
--green-masquerade: #8dbc8a;
--green-masquerade-rgb: 141 188 138;
--green-masquerade-oklch: oklch(0.748 0.086 143.2);
}
.element {
color: var(--green-masquerade);
background-color: hsl(116 27% 64%);
border-color: oklch(0.748 0.086 143.2);
}Tailwind CSS v4
@theme {
--color-green-masquerade: #8dbc8a;
--color-green-masquerade-50: #e6fce6;
--color-green-masquerade-100: #d7f0d7;
--color-green-masquerade-200: #bedfbe;
--color-green-masquerade-300: #9cc49d;
--color-green-masquerade-400: #80ac7d;
--color-green-masquerade-500: #639560;
--color-green-masquerade-600: #547e52;
--color-green-masquerade-700: #436541;
--color-green-masquerade-800: #314a2d;
--color-green-masquerade-900: #21331f;
--color-green-masquerade-950: #111f0e;
}SCSS
$green-masquerade: #8dbc8a;
$green-masquerade-rgb: 141, 188, 138;
$green-masquerade-light: mix(#fff, $green-masquerade, 20%);
$green-masquerade-dark: mix(#000, $green-masquerade, 20%);
.element {
color: $green-masquerade;
box-shadow: 0 0 0 2px rgba($green-masquerade, 0.35);
}