Ir al selector de color

Color Verde bosque: #228b22

Verde bosque es #228b22, rgb(34, 139, 34) en RGB y oklch(55.78% 0.16878 142.893) en OKLCH. Abajo tienes los demás formatos, tonos, colores que combinan y paletas.

Interpretado como HEX

120°
100 %

55,8 %
0,169
143°
  • Verde
  • Medio
  • Intenso
  • Neutro
  • green-700
  • Negro 45 %

Dentro de sRGB: se ve igual en cualquier pantalla.

Texto blanco
4.39:1Difícil de leer
Lc -75
Texto negro
4.78:1Legible · AA
Lc 34

Tonos

Del más claro al más oscuro. Haz clic en un tono para usarlo.

Armonías

Recientes

Aquí aparecen los colores que eliges o copias. Se quedan en este dispositivo.

También llamado: Forest green

Paletas con Verde bosque

Colores con nombre parecidos

Preguntas sobre Verde bosque

¿Cuál es el código HEX de Verde bosque?

El código HEX de Verde bosque es #228b22. En RGB es rgb(34, 139, 34), en HSL hsl(120, 60.69%, 33.92%) y en OKLCH oklch(55.78% 0.16878 142.893).

¿Qué colores combinan con Verde bosque?

Su color complementario es #a14aac. Para un resultado más tranquilo, combínalo con los colores análogos #767b00 y #008b6c. En esta página tienes paletas listas con Verde bosque.

¿Verde bosque es un color cálido o frío?

Verde bosque es un color neutro con un matiz OKLCH de 143 grados.

¿Qué color de texto se lee bien sobre Verde bosque?

Sobre Verde bosque se lee mejor el texto blanco: el blanco da una relación de contraste de 4.39:1 y el negro de 4.78:1. WCAG AA pide al menos 4,5:1 para el texto normal.

Sobre #228b22

#228b22 es un intenso tono de verde. En OKLCH tiene una luminosidad de 55,8 %, un croma de 0.169 y un matiz de 143°.

Dentro de sRGB: se ve igual en cualquier pantalla.

El texto blanco sobre este color alcanza un contraste de 4.39:1 y el negro 4.78:1, así que se lee mejor el texto blanco.

El color con nombre más cercano es Verde bosque (#228b22). En Tailwind CSS el más cercano es green-700.

Más tonos de verde: medio

Más claro: #228b22 mezclado con blanco

  1. 228b22

Más oscuro: #228b22 mezclado con negro

  1. 228b22

Más sobrio: #228b22 con menos saturación

  1. 228b22

Colores con nombre parecidos

Colores que combinan con #228b22

Complementaria
#228b22
Análoga
#228b22
Triádica
#228b22
Dividida
#228b22