#4CAF50 — Códigos de color y paleta
Códigos de color
| Formato | Valor | |
|---|---|---|
| HEX | #4CAF50 | |
| RGB | rgb(76, 175, 80) | |
| HSL | hsl(122, 39%, 49%) |
Tonos de #4CAF50
| #449C47 | #3D8A3F | #357937 | #2D672F | #255527 | #1E431F | #163217 | #0E200F |
Matices claros de #4CAF50
| #5CB75F | #6EBF70 | #7FC782 | #91CF93 | #A3D7A5 | #B5DEB6 | #C6E6C7 | #D8EED9 |
Combinaciones y armonía de color
|
Complementario
#AE4CAA
|
Análogo +30°
#4CAE80
|
Análogo −30°
#7AAE4C
|
Triádico +120°
#4F4CAE
|
Triádico −120°
#AE4F4C
|
Contraste y accesibilidad (WCAG 2.1)
Fragmento CSS
.element {
color: #4CAF50;
}
.element-bg {
background-color: #4CAF50;
color: #000000;
}
.element-border {
border: 2px solid #4CAF50;
}
Sobre el color #4CAF50
#4CAF50 es un color medio con saturación moderada, definido por el código hexadecimal #4CAF50. Sus valores exactos en los modelos de color son rgb(76, 175, 80) en RGB y hsl(122, 39%, 49%) en HSL (matiz 122°, saturación 39%, luminosidad 49%). Sobre fondo blanco, el ratio de contraste es 2.78:1 — No supera, y sobre negro es 7.56:1 — Supera AAA para texto normal. Usa #4CAF50 en elementos de interfaz, fondos, texto, bordes o acentos decorativos. La sección de tonos muestra variaciones progresivamente más oscuras, mientras que la franja de matices claros muestra versiones más luminosas — ambas útiles para construir una paleta tonal. Las muestras de armonía proporcionan combinaciones complementarias, análogas y triádicas basadas en la rueda de matices HSL.
¿Quieres explorar este color de forma interactiva, generar paletas o convertir entre formatos de color? El selector de color de DevArbor te lo pone fácil.
Abrir el selector de color →