Ir al selector de color

Color #22b080: Intenso tono de esmeralda

#22b080 es rgb(34, 176, 128) en RGB y oklch(67.409% 0.13544 164.163) en OKLCH. Abajo tienes los demás formatos, tonos y valores de contraste.

Interpretado como HEX

160°
100 %

67,4 %
0,135
164°
  • Esmeralda
  • Medio
  • Intenso
  • Frío
  • ≈ Menta
  • emerald-500
  • Negro 31 %

Dentro de sRGB: se ve igual en cualquier pantalla.

Texto blanco
2.77:1Difícil de leer
Lc -58
Texto negro
7.59:1Legible · AA
Lc 51

Tonos

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

Armonías

Abrir como paleta

Recientes

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

Sobre #22b080

#22b080 es un intenso tono de esmeralda. En OKLCH tiene una luminosidad de 67,4 %, un croma de 0.135 y un matiz de 164°.

Dentro de sRGB: se ve igual en cualquier pantalla.

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

El color con nombre más cercano es Menta (#3eb489). En Tailwind CSS el más cercano es emerald-500.

Más tonos de esmeralda: medio

Más claro: #22b080 mezclado con blanco

  1. 22b080
  2. 47b88c
  3. 61c098
  4. 78c8a5
  5. 8dd0b1
  6. a1d8be
  7. b4e0cb
  8. c7e8d8
  9. daf0e5
  10. ecf7f2

Más oscuro: #22b080 mezclado con negro

  1. 22b080
  2. 1c996e
  3. 16825d
  4. 116c4d
  5. 0b563d
  6. 07422e
  7. 032e1f
  8. 011c12
  9. 000b06
  10. 000101

Más sobrio: #22b080 con menos saturación

  1. 22b080
  2. 3bae82
  3. 4cab85
  4. 59a987
  5. 64a789
  6. 6ea48b
  7. 78a18e
  8. 809f90
  9. 889c92
  10. 8f9994

Preguntas sobre #22b080

¿Qué color es #22b080?

#22b080 es un intenso tono de esmeralda. El color con nombre más cercano es Intenso tono de esmeralda. En RGB es rgb(34, 176, 128), en HSL hsl(159.72, 67.62%, 41.18%) y en OKLCH oklch(67.409% 0.13544 164.163).

¿Qué colores combinan con #22b080?

El color complementario de #22b080 es #d072ab. Para una combinación más tranquila, usa los colores análogos #72a84d y #00afaf. Los colores de la tríada son #8d89e6 y #da784c.

¿Se lee mejor el texto blanco o el negro sobre #22b080?

Sobre #22b080 se lee mejor el texto negro: el blanco da una relación de contraste de 2.77:1 y el negro de 7.59:1. WCAG AA pide al menos 4,5:1 para el texto normal.

¿#22b080 es un color cálido o frío?

#22b080 es un color frío. En OKLCH su matiz es de 164 grados, su luminosidad 67,4 % y su croma 0.135.