Colore con nome · #3CB371
Medium Sea Green
Medium Sea Green è #3CB371: rgb(60 179 113), hsl(147 50% 47%), oklch(0.684 0.144 155). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Medium Sea Green color name →
#3CB371
oklch(0.684 0.144 155)
Conversioni di colore
- HEX
- #3cb371
- RGB
- rgb(60 179 113)
- HSL
- hsl(147 50% 47%)
- HWB
- hwb(147 24% 30%)
- OKLCH
- oklch(0.684 0.144 155)
- OKLab
- oklab(0.684 -0.131 0.061)
- CIE Lab
- lab(65.22 -45.97 23.71)
- LCH
- lch(65.22 51.73 152.7)
- CMYK
- cmyk(66% 0% 37% 30%)
Tinte · Ombre · Toni
Tinte
- 56BB7F
- 6CC38D
- 81CA9B
- 94D2A9
- A6DAB7
- B8E1C5
- CAE9D3
- DCF0E2
- EDF8F0
Ombre
- 339B61
- 2A8452
- 216E43
- 195835
- 114327
- 0A2F1A
- 041D0E
- 010C04
- 000101
Toni
- 49AE73
- 53A975
- 5BA476
- 629F78
- 699A7A
- 6E957B
- 74907C
- 788B7E
- 7C857F
Armonie di colore
Complementare +180°
- 3CB371
Medium Sea Green
- CF75BD
≈ Gulābī Pink
Analogo -30° +30°
- 3CB371
Medium Sea Green
- 85A838
≈ Beautiful Mint
- 00B1A3
≈ Cozumel
Triadico +120° +240°
- 3CB371
Medium Sea Green
- 8090F1
≈ Perrywinkle
- E4755A
≈ Phoenix Red
Complementare divisa +150° +210°
- 3CB371
Medium Sea Green
- AE80E0
≈ Lavender Blossom
- E1708D
≈ Raspberry Mousse
Tetradico +90° +180° +270°
- 3CB371
Medium Sea Green
- 3CA1EC
≈ Rockman Blue
- CF75BD
≈ Gulābī Pink
- D5841F
≈ Dulce de Leche
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.66:1 · APCA Lc 51
Ag
AAASu nero
WCAG 7.87:1 · APCA Lc 50
Miglior colore del testo: #000000
WCAG 7.87:1 (AAA) · APCA Lc 50
Contrast pairs
Frammenti di codice
CSS
:root {
--medium-sea-green: #3cb371;
--medium-sea-green-rgb: 60 179 113;
--medium-sea-green-oklch: oklch(0.684 0.144 155);
}
.element {
color: var(--medium-sea-green);
background-color: hsl(147 50% 47%);
border-color: oklch(0.684 0.144 155);
}Tailwind CSS v4
@theme {
--color-medium-sea-green: #3cb371;
--color-medium-sea-green-50: #d4ffe5;
--color-medium-sea-green-100: #c1f7d5;
--color-medium-sea-green-200: #a0e7bc;
--color-medium-sea-green-300: #74ce9a;
--color-medium-sea-green-400: #4ab778;
--color-medium-sea-green-500: #00a15a;
--color-medium-sea-green-600: #00884c;
--color-medium-sea-green-700: #036d3d;
--color-medium-sea-green-800: #075029;
--color-medium-sea-green-900: #06381b;
--color-medium-sea-green-950: #00220c;
}SCSS
$medium-sea-green: #3cb371;
$medium-sea-green-rgb: 60, 179, 113;
$medium-sea-green-light: mix(#fff, $medium-sea-green, 20%);
$medium-sea-green-dark: mix(#000, $medium-sea-green, 20%);
.element {
color: $medium-sea-green;
box-shadow: 0 0 0 2px rgba($medium-sea-green, 0.35);
}