Nazwany kolor · #7E8D60
Moss Point Green
Moss Point Green to #7E8D60: rgb(126 141 96), hsl(80 19% 46%), oklch(0.619 0.067 123.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Moss Point Green color name →
#7E8D60
oklch(0.619 0.067 123.3)
Konwersje koloru
- HEX
- #7e8d60
- RGB
- rgb(126 141 96)
- HSL
- hsl(80 19% 46%)
- HWB
- hwb(80 38% 45%)
- OKLCH
- oklch(0.619 0.067 123.3)
- OKLab
- oklab(0.619 -0.037 0.056)
- CIE Lab
- lab(56.53 -11.67 22.18)
- LCH
- lch(56.53 25.06 117.8)
- CMYK
- cmyk(11% 0% 32% 45%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 8A986F
- 96A37F
- A3AE8E
- B0B99E
- BCC5AD
- C9D0BD
- D7DCCE
- E4E7DE
- F1F3EE
Odcienie ciemniejsze
- 6D7A52
- 5C6745
- 4C5538
- 3C442C
- 2D3320
- 1F2315
- 11140A
- 050703
- 010100
Tony
- 7E8C64
- 7E8B67
- 7F896A
- 7F886E
- 7F8771
- 7F8574
- 7F8477
- 80837A
- 80817D
Harmonie kolorów
Komplementarna +180°
- 7E8D60
Moss Point Green
- 8E7CA7
≈ Violet Chalk
Analogowa -30° +30°
- 7E8D60
Moss Point Green
- 948557
≈ Dash of Oregano
- 679273
≈ Spring Forest
Triada +120° +240°
- 7E8D60
Moss Point Green
- 638BAB
≈ Pale Flower
- A97582
≈ French Marron
Komplementarna rozszczepiona +150° +210°
- 7E8D60
Moss Point Green
- 7984AF
≈ Corsican Purple
- 9F7797
≈ Screen Gem
Tetrada +90° +180° +270°
- 7E8D60
Moss Point Green
- 53919E
≈ Teal Trinket
- 8E7CA7
≈ Violet Chalk
- AA786C
≈ Rum Spice
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.57:1 · APCA Lc 63
Ag
AANa czerni
WCAG 5.86:1 · APCA Lc 38
Najlepszy kolor tekstu: #000000
WCAG 5.86:1 (AA) · APCA Lc 38
Contrast pairs
Fragmenty kodu
CSS
:root {
--moss-point-green: #7e8d60;
--moss-point-green-rgb: 126 141 96;
--moss-point-green-oklch: oklch(0.619 0.067 123.3);
}
.element {
color: var(--moss-point-green);
background-color: hsl(80 19% 46%);
border-color: oklch(0.619 0.067 123.3);
}Tailwind CSS v4
@theme {
--color-moss-point-green: #7e8d60;
--color-moss-point-green-50: #f0f9e4;
--color-moss-point-green-100: #e2ecd4;
--color-moss-point-green-200: #cddabb;
--color-moss-point-green-300: #afbe99;
--color-moss-point-green-400: #97a57a;
--color-moss-point-green-500: #7d8e5c;
--color-moss-point-green-600: #6a784e;
--color-moss-point-green-700: #55603e;
--color-moss-point-green-800: #3f462c;
--color-moss-point-green-900: #2b301d;
--color-moss-point-green-950: #181d0d;
}SCSS
$moss-point-green: #7e8d60;
$moss-point-green-rgb: 126, 141, 96;
$moss-point-green-light: mix(#fff, $moss-point-green, 20%);
$moss-point-green-dark: mix(#000, $moss-point-green, 20%);
.element {
color: $moss-point-green;
box-shadow: 0 0 0 2px rgba($moss-point-green, 0.35);
}