Colore con nome · #50C777
Emerald Rush
Emerald Rush è #50C777: rgb(80 199 119), hsl(140 52% 55%), oklch(0.742 0.157 151.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Emerald Rush color name →
#50C777
oklch(0.742 0.157 151.4)
Conversioni di colore
- HEX
- #50c777
- RGB
- rgb(80 199 119)
- HSL
- hsl(140 52% 55%)
- HWB
- hwb(140 31% 22%)
- OKLCH
- oklch(0.742 0.157 151.4)
- OKLab
- oklab(0.742 -0.138 0.075)
- CIE Lab
- lab(72.13 -48.23 29.72)
- LCH
- lch(72.13 56.65 148.4)
- CMYK
- cmyk(60% 0% 40% 22%)
Tinte · Ombre · Toni
Tinte
- 67CD85
- 7AD392
- 8DD9A0
- 9EDEAD
- AFE4BB
- BFEAC8
- D0EFD6
- DFF4E4
- EFFAF1
Ombre
- 44AD67
- 399357
- 2E7A47
- 246238
- 1A4C2A
- 10361C
- 072110
- 020E05
- 000201
Toni
- 59C079
- 61B97A
- 67B27B
- 6CAB7C
- 71A47D
- 759D7E
- 78967F
- 7B8E7F
- 7E8780
Armonie di colore
Complementare +180°
- 50C777
Emerald Rush
- E384D8
≈ Blushed Bombshell
Analogo -30° +30°
- 50C777
Emerald Rush
- 9DBA36
≈ Sick Green
- 00C6B1
≈ Amazonite
Triadico +120° +240°
- 50C777
Emerald Rush
- 8EA6FF
≈ Widowmaker
- FF816B
≈ Sunset Papaya
Complementare divisa +150° +210°
- 50C777
Emerald Rush
- BD92FE
≈ Liliac
- FA7DA5
≈ Pink Makeup
Tetradico +90° +180° +270°
- 50C777
Emerald Rush
- 43B5FF
≈ Glitter Lake
- E384D8
≈ Blushed Bombshell
- F1912C
≈ Furry Lion
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.14:1 · APCA Lc 42
Ag
AAASu nero
WCAG 9.77:1 · APCA Lc 60
Miglior colore del testo: #000000
WCAG 9.77:1 (AAA) · APCA Lc 60
Contrast pairs
Frammenti di codice
CSS
:root {
--emerald-rush: #50c777;
--emerald-rush-rgb: 80 199 119;
--emerald-rush-oklch: oklch(0.742 0.157 151.4);
}
.element {
color: var(--emerald-rush);
background-color: hsl(140 52% 55%);
border-color: oklch(0.742 0.157 151.4);
}Tailwind CSS v4
@theme {
--color-emerald-rush: #50c777;
--color-emerald-rush-50: #d4ffe0;
--color-emerald-rush-100: #c0f8d0;
--color-emerald-rush-200: #9fe8b5;
--color-emerald-rush-300: #72cf91;
--color-emerald-rush-400: #48b86d;
--color-emerald-rush-500: #00a24c;
--color-emerald-rush-600: #008941;
--color-emerald-rush-700: #006e34;
--color-emerald-rush-800: #065122;
--color-emerald-rush-900: #053816;
--color-emerald-rush-950: #002307;
}SCSS
$emerald-rush: #50c777;
$emerald-rush-rgb: 80, 199, 119;
$emerald-rush-light: mix(#fff, $emerald-rush, 20%);
$emerald-rush-dark: mix(#000, $emerald-rush, 20%);
.element {
color: $emerald-rush;
box-shadow: 0 0 0 2px rgba($emerald-rush, 0.35);
}