Color con nombre más cercano · #4DAE52
#4DAE52
Color con nombre más cercano: Leapfrog
#4DAE52 (rgb(77 174 82), hsl(123 39% 49%), oklch(0.671 0.159 144.5)) se parece más al color con nombre Leapfrog. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#4DAE52
oklch(0.671 0.159 144.5)
Conversiones de color
- HEX
- #4dae52
- RGB
- rgb(77 174 82)
- HSL
- hsl(123 39% 49%)
- HWB
- hwb(123 30% 32%)
- OKLCH
- oklch(0.671 0.159 144.5)
- OKLab
- oklab(0.671 -0.129 0.092)
- CIE Lab
- lab(63.76 -44.19 37.76)
- LCH
- lch(63.76 58.13 139.5)
- CMYK
- cmyk(56% 0% 53% 32%)
Tintes · Sombras · Tonos
Tintes
- 62B664
- 75BF76
- 87C787
- 98CF98
- AAD7A9
- BBDFBA
- CCE7CB
- DDEFDC
- EEF7EE
Sombras
- 429746
- 37803B
- 2C6A2F
- 225525
- 18411A
- 0F2E11
- 071C08
- 020B02
- 000100
Tonos
- 55AA58
- 5CA55E
- 62A163
- 689C68
- 6D986C
- 719371
- 758E75
- 798A79
- 7D857C
Armonías de color
Complementario +180°
- 4DAE52
Leapfrog
- C570CB
≈ Gulābī Pink
Análogo -30° +30°
- 4DAE52
Leapfrog
- 949F00
≈ Noxious
- 00AE90
≈ Hobgoblin
Triádico +120° +240°
- 4DAE52
Leapfrog
- 6491F6
≈ Guilliman Blue
- E76863
≈ Porcelain Rose
Complementario dividido +150° +210°
- 4DAE52
Leapfrog
- 9D7FEC
≈ Forgotten Purple
- DE679B
≈ Cosmetologist’s Pink
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.80:1 · APCA Lc 54
Ag
AAASobre negro
WCAG 7.49:1 · APCA Lc 48
Mejor color de texto: #000000
WCAG 7.49:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmentos de código
CSS
:root {
--leapfrog: #4dae52;
--leapfrog-rgb: 77 174 82;
--leapfrog-oklch: oklch(0.671 0.159 144.5);
}
.element {
color: var(--leapfrog);
background-color: hsl(123 39% 49%);
border-color: oklch(0.671 0.159 144.5);
}Tailwind CSS v4
@theme {
--color-leapfrog: #4dae52;
--color-leapfrog-50: #d9ffdb;
--color-leapfrog-100: #c6f7c9;
--color-leapfrog-200: #a7e7ac;
--color-leapfrog-300: #7ecd86;
--color-leapfrog-400: #5cb65f;
--color-leapfrog-500: #2da038;
--color-leapfrog-600: #298731;
--color-leapfrog-700: #216c27;
--color-leapfrog-800: #1a4f17;
--color-leapfrog-900: #11370f;
--color-leapfrog-950: #032203;
}SCSS
$leapfrog: #4dae52;
$leapfrog-rgb: 77, 174, 82;
$leapfrog-light: mix(#fff, $leapfrog, 20%);
$leapfrog-dark: mix(#000, $leapfrog, 20%);
.element {
color: $leapfrog;
box-shadow: 0 0 0 2px rgba($leapfrog, 0.35);
}