DevArbor
#00C853

#00C853 — Códigos de color y paleta

#00C853  ·  rgb(0, 200, 83)  ·  hsl(145, 100%, 39%)

Códigos de color

Formato Valor
HEX #00C853
RGB rgb(0, 200, 83)
HSL hsl(145, 100%, 39%)

Tonos de #00C853

#00B34A#009E42#008A39#007531#006128#004D20#003817#00240F

Matices claros de #00C853

#00E660#05FF6D#24FF7F#42FF91#61FFA3#80FFB5#9EFFC6#BDFFD8

Combinaciones y armonía de color

Complementario
#C70074
Análogo +30°
#00C7B6
Análogo −30°
#11C700
Triádico +120°
#5300C7
Triádico −120°
#C75300

Contraste y accesibilidad (WCAG 2.1)

sobre blanco (#FFFFFF)
2.24:1 — No supera
sobre negro (#000000)
9.39:1 — Supera AAA para texto normal

Fragmento CSS

.element {
  color: #00C853;
}

.element-bg {
  background-color: #00C853;
  color: #000000;
}

.element-border {
  border: 2px solid #00C853;
}

Sobre el color #00C853

#00C853 es un color oscuro con saturación muy alta y vibrante, definido por el código hexadecimal #00C853. Sus valores exactos en los modelos de color son rgb(0, 200, 83) en RGB y hsl(145, 100%, 39%) en HSL (matiz 145°, saturación 100%, luminosidad 39%). Sobre fondo blanco, el ratio de contraste es 2.24:1 — No supera, y sobre negro es 9.39:1 — Supera AAA para texto normal. Usa #00C853 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 →

Preguntas frecuentes

¿Cuál es el valor RGB de #00C853?
El valor RGB de #00C853 (#00C853) es rgb(0, 200, 83). Representa las cantidades de luz roja, verde y azul en una escala de 0 a 255.
¿Es #00C853 accesible sobre fondo blanco?
El ratio de contraste de #00C853 sobre blanco (#FFFFFF) es 2.24:1 — No supera. Sobre negro (#000000) el ratio de contraste es 9.39:1 — Supera AAA para texto normal. WCAG 2.1 exige 4,5:1 para AA (texto normal) y 7:1 para AAA.
¿Qué colores combinan bien con #00C853?
Según la teoría del color, #00C853 (hsl(145, 100%, 39%)) combina bien con sus matices complementarios, análogos y triádicos. Consulta las muestras de armonía de arriba para ver los valores hexadecimales exactos de cada tipo de combinación.