ForestGreen — Códigos de color y paleta
Códigos de color
| Formato | Valor | |
|---|---|---|
| HEX | #228B22 | |
| RGB | rgb(34, 139, 34) | |
| HSL | hsl(120, 61%, 34%) |
Tonos de ForestGreen
| #1F7F1F | #1C731C | #196719 | #165A16 | #134E13 | #104210 | #0D350D | #0A290A |
Matices claros de ForestGreen
| #29A829 | #30C530 | #46D246 | #63D963 | #80E080 | #9CE79C | #B9EEB9 | #D6F5D6 |
Combinaciones y armonía de color
|
Complementario
#8C228C
|
Análogo +30°
#228C57
|
Análogo −30°
#578C22
|
Triádico +120°
#22228C
|
Triádico −120°
#8C2222
|
Contraste y accesibilidad (WCAG 2.1)
Fragmento CSS
.element {
color: #228B22;
}
.element-bg {
background-color: #228B22;
color: #000000;
}
.element-border {
border: 2px solid #228B22;
}
Sobre el color ForestGreen
ForestGreen es un color oscuro con saturación alta, definido por el código hexadecimal #228B22. Sus valores exactos en los modelos de color son rgb(34, 139, 34) en RGB y hsl(120, 61%, 34%) en HSL (matiz 120°, saturación 61%, luminosidad 34%). Sobre fondo blanco, el ratio de contraste es 4.39:1 — Supera AA solo para texto grande, y sobre negro es 4.78:1 — Supera AA para texto normal. Usa ForestGreen 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 →