Color con nombre · #3EB753
Classic Green
Classic Green es #3EB753: rgb(62 183 83), hsl(130 49% 48%), oklch(0.69 0.176 146.4). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Green mean? → · Classic Green color name →
#3EB753
oklch(0.69 0.176 146.4)
Conversiones de color
- HEX
- #3eb753
- RGB
- rgb(62 183 83)
- HSL
- hsl(130 49% 48%)
- HWB
- hwb(130 24% 28%)
- OKLCH
- oklch(0.69 0.176 146.4)
- OKLab
- oklab(0.69 -0.147 0.098)
- CIE Lab
- lab(66.17 -50.63 40)
- LCH
- lch(66.17 64.52 141.7)
- CMYK
- cmyk(66% 0% 55% 28%)
Tintes · Sombras · Tonos
Tintes
- 58BF65
- 6EC677
- 82CE88
- 95D599
- A7DCAA
- B9E3BB
- CBEACC
- DCF1DD
- EEF8EE
Sombras
- 359F47
- 2B873B
- 237030
- 1A5A25
- 12451B
- 0A3111
- 041E08
- 010C02
- 000200
Tonos
- 4AB259
- 54AC5F
- 5CA764
- 63A269
- 699C6D
- 6F9772
- 749176
- 788C79
- 7C867D
Armonías de color
Complementario +180°
- 3EB753
Classic Green
- D26FD4
≈ French Mauve
Análogo -30° +30°
- 3EB753
Classic Green
- 97A600
≈ Augustus Asparagus
- 00B599
≈ Aloha
Triádico +120° +240°
- 3EB753
Classic Green
- 6D95FF
≈ Blue Chaos
- F5675E
≈ Sriracha
Complementario dividido +150° +210°
- 3EB753
Classic Green
- A780FA
≈ Purple Illusionist
- EC659E
≈ Shark Bait
Tetrádico +90° +180° +270°
- 3EB753
Classic Green
- 00A7EB
≈ Vivid Cerulean
- D26FD4
≈ French Mauve
- E77A00
≈ First of Fall
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.59:1 · APCA Lc 50
Ag
AAASobre negro
WCAG 8.10:1 · APCA Lc 52
Mejor color de texto: #000000
WCAG 8.10:1 (AAA) · APCA Lc 52
Contrast pairs
Fragmentos de código
CSS
:root {
--classic-green: #3eb753;
--classic-green-rgb: 62 183 83;
--classic-green-oklch: oklch(0.69 0.176 146.4);
}
.element {
color: var(--classic-green);
background-color: hsl(130 49% 48%);
border-color: oklch(0.69 0.176 146.4);
}Tailwind CSS v4
@theme {
--color-classic-green: #3eb753;
--color-classic-green-50: #d4ffd9;
--color-classic-green-100: #c0f9c7;
--color-classic-green-200: #9fe9aa;
--color-classic-green-300: #72d083;
--color-classic-green-400: #4ab95b;
--color-classic-green-500: #00a331;
--color-classic-green-600: #008a2c;
--color-classic-green-700: #036e23;
--color-classic-green-800: #0a5113;
--color-classic-green-900: #07380c;
--color-classic-green-950: #002301;
}SCSS
$classic-green: #3eb753;
$classic-green-rgb: 62, 183, 83;
$classic-green-light: mix(#fff, $classic-green, 20%);
$classic-green-dark: mix(#000, $classic-green, 20%);
.element {
color: $classic-green;
box-shadow: 0 0 0 2px rgba($classic-green, 0.35);
}