Colore con nome · #5E9D7B
Memphis Green
Memphis Green è #5E9D7B: rgb(94 157 123), hsl(148 25% 49%), oklch(0.644 0.083 159.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Memphis Green color name →
#5E9D7B
oklch(0.644 0.083 159.3)
Conversioni di colore
- HEX
- #5e9d7b
- RGB
- rgb(94 157 123)
- HSL
- hsl(148 25% 49%)
- HWB
- hwb(148 37% 38%)
- OKLCH
- oklch(0.644 0.083 159.3)
- OKLab
- oklab(0.644 -0.078 0.03)
- CIE Lab
- lab(59.76 -27.18 11.19)
- LCH
- lch(59.76 29.4 157.6)
- CMYK
- cmyk(40% 0% 22% 38%)
Tinte · Ombre · Toni
Tinte
- 6FA788
- 7FB094
- 8FBAA1
- 9FC4AE
- AFCDBB
- BFD7C8
- CFE1D6
- DFEBE3
- EFF5F1
Ombre
- 51886A
- 44735A
- 375F4A
- 2B4C3A
- 1F3A2C
- 14281E
- 0A1810
- 030905
- 000101
Toni
- 639A7C
- 67977C
- 6B957D
- 6E927D
- 728F7E
- 758C7E
- 78897F
- 7B867F
- 7D8380
Armonie di colore
Complementare +180°
- 5E9D7B
Memphis Green
- AF799E
≈ Usu Pink
Analogo -30° +30°
- 5E9D7B
Memphis Green
- 7D9760
≈ Pea Aubergine
- 479E98
≈ Majorca Blue
Triadico +120° +240°
- 5E9D7B
Memphis Green
- 8288C0
≈ Pleated Mauve
- B97C67
≈ Autumn’s Hill
Complementare divisa +150° +210°
- 5E9D7B
Memphis Green
- 9C7FB4
≈ Plum Burst
- BA7882
≈ Rosily
Tetradico +90° +180° +270°
- 5E9D7B
Memphis Green
- 6591BE
≈ Blue Marble
- AF799E
≈ Usu Pink
- AE8453
≈ Gold Plated
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.18:1 · APCA Lc 59
Ag
AASu nero
WCAG 6.58:1 · APCA Lc 43
Miglior colore del testo: #000000
WCAG 6.58:1 (AA) · APCA Lc 43
Contrast pairs
Frammenti di codice
CSS
:root {
--memphis-green: #5e9d7b;
--memphis-green-rgb: 94 157 123;
--memphis-green-oklch: oklch(0.644 0.083 159.3);
}
.element {
color: var(--memphis-green);
background-color: hsl(148 25% 49%);
border-color: oklch(0.644 0.083 159.3);
}Tailwind CSS v4
@theme {
--color-memphis-green: #5e9d7b;
--color-memphis-green-50: #e1fdee;
--color-memphis-green-100: #d1f1df;
--color-memphis-green-200: #b6e0c9;
--color-memphis-green-300: #91c5aa;
--color-memphis-green-400: #72ae8d;
--color-memphis-green-500: #509772;
--color-memphis-green-600: #458061;
--color-memphis-green-700: #37664d;
--color-memphis-green-800: #284b37;
--color-memphis-green-900: #1b3425;
--color-memphis-green-950: #0b2014;
}SCSS
$memphis-green: #5e9d7b;
$memphis-green-rgb: 94, 157, 123;
$memphis-green-light: mix(#fff, $memphis-green, 20%);
$memphis-green-dark: mix(#000, $memphis-green, 20%);
.element {
color: $memphis-green;
box-shadow: 0 0 0 2px rgba($memphis-green, 0.35);
}