Nazwany kolor · #578363
Soylent Green
Soylent Green to #578363: rgb(87 131 99), hsl(136 20% 43%), oklch(0.569 0.069 152.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Soylent Green color name →
#578363
oklch(0.569 0.069 152.3)
Konwersje koloru
- HEX
- #578363
- RGB
- rgb(87 131 99)
- HSL
- hsl(136 20% 43%)
- HWB
- hwb(136 34% 49%)
- OKLCH
- oklch(0.569 0.069 152.3)
- OKLab
- oklab(0.569 -0.061 0.032)
- CIE Lab
- lab(50.86 -21.19 12.35)
- LCH
- lch(50.86 24.53 149.8)
- CMYK
- cmyk(34% 0% 24% 49%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 678F72
- 779B80
- 88A78F
- 98B39F
- A9C0AE
- BACCBE
- CBD9CE
- DCE5DE
- EDF2EE
Odcienie ciemniejsze
- 4B7155
- 3E6047
- 334F3A
- 273F2E
- 1C2F21
- 122016
- 08120B
- 030603
- 000100
Tony
- 5C8366
- 608369
- 64826C
- 69826F
- 6D8272
- 718275
- 758177
- 78817A
- 7C807D
Harmonie kolorów
Komplementarna +180°
- 578363
Soylent Green
- 906889
≈ Chinese Violet
Analogowa -30° +30°
- 578363
Soylent Green
- 707E4F
≈ Creamed Avocado
- 43847A
≈ Carlisle
Triada +120° +240°
- 578363
Soylent Green
- 6975A0
≈ Blue Batik
- 9C685D
≈ Terra Cotta Sun
Komplementarna rozszczepiona +150° +210°
- 578363
Soylent Green
- 7F6D99
≈ Ornate
- 9A6673
≈ Jellybean Pink
Tetrada +90° +180° +270°
- 578363
Soylent Green
- 517C9D
≈ Storm Blue
- 906889
≈ Chinese Violet
- 956E4B
≈ El Caramelo
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.34:1 · APCA Lc 70
Ag
AANa czerni
WCAG 4.83:1 · APCA Lc 32
Najlepszy kolor tekstu: #000000
WCAG 4.83:1 (AA) · APCA Lc 32
Contrast pairs
Fragmenty kodu
CSS
:root {
--soylent-green: #578363;
--soylent-green-rgb: 87 131 99;
--soylent-green-oklch: oklch(0.569 0.069 152.3);
}
.element {
color: var(--soylent-green);
background-color: hsl(136 20% 43%);
border-color: oklch(0.569 0.069 152.3);
}Tailwind CSS v4
@theme {
--color-soylent-green: #578363;
--color-soylent-green-50: #e7fbec;
--color-soylent-green-100: #d7efde;
--color-soylent-green-200: #beddc7;
--color-soylent-green-300: #9cc2a8;
--color-soylent-green-400: #80ab8b;
--color-soylent-green-500: #629470;
--color-soylent-green-600: #547d5f;
--color-soylent-green-700: #43644c;
--color-soylent-green-800: #314936;
--color-soylent-green-900: #213325;
--color-soylent-green-950: #101e13;
}SCSS
$soylent-green: #578363;
$soylent-green-rgb: 87, 131, 99;
$soylent-green-light: mix(#fff, $soylent-green, 20%);
$soylent-green-dark: mix(#000, $soylent-green, 20%);
.element {
color: $soylent-green;
box-shadow: 0 0 0 2px rgba($soylent-green, 0.35);
}