Ir al selector de color

Color #00a676: Intenso tono de esmeralda

#00a676 es rgb(0, 166, 118) en RGB y oklch(64.198% 0.13678 164.016) en OKLCH. Abajo tienes los demás formatos, tonos y valores de contraste.

Interpretado como HEX

163°
100 %

64,2 %
0,137
164°
  • Esmeralda
  • Medio
  • Intenso
  • Frío
  • ≈ Jade
  • emerald-600
  • Negro 35 %

Dentro de sRGB: se ve igual en cualquier pantalla.

Texto blanco
3.13:1Difícil de leer
Lc -63
Texto negro
6.72:1Legible · AA
Lc 46

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 en los que te detienes o que copias. Se quedan en este dispositivo.

Sobre #00a676

#00a676 es un intenso tono de esmeralda. En OKLCH tiene una luminosidad de 64,2 %, un croma de 0.137 y un matiz de 164°.

Dentro de sRGB: se ve igual en cualquier pantalla.

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

El color con nombre más cercano es Jade (#00a86b). En Tailwind CSS el más cercano es emerald-600.

Más tonos de esmeralda: medio

Más claro: #00a676 mezclado con blanco

  1. 00a676
  2. 3baf83
  3. 58b890
  4. 70c19e
  5. 86caab
  6. 9bd3b9
  7. b0dcc6
  8. c4e5d4
  9. d8ede2
  10. ebf6f1

Más oscuro: #00a676 mezclado con negro

  1. 00a676
  2. 009066
  3. 007a56
  4. 006547
  5. 005138
  6. 003e29
  7. 002b1c
  8. 001a0f
  9. 000a05
  10. 000101

Más sobrio: #00a676 con menos saturación

  1. 00a676
  2. 2ca478
  3. 40a17b
  4. 4e9f7d
  5. 5a9d7f
  6. 649a82
  7. 6e9884
  8. 769586
  9. 7e9288
  10. 868f8a

Preguntas sobre #00a676

¿Qué color es #00a676?

#00a676 es un intenso tono de esmeralda. El color con nombre más cercano es Intenso tono de esmeralda. En RGB es rgb(0, 166, 118), en HSL hsl(162.65, 100%, 32.55%) y en OKLCH oklch(64.198% 0.13678 164.016).

¿Qué colores combinan con #00a676?

El color complementario de #00a676 es #c568a1. Para una combinación más tranquila, usa los colores análogos #699e42 y #00a4a4. Los colores de la tríada son #847fdc y #d06e41.

¿Se lee mejor el texto blanco o el negro sobre #00a676?

Sobre #00a676 se lee mejor el texto negro: el blanco da una relación de contraste de 3.13:1 y el negro de 6.72:1. WCAG AA pide al menos 4,5:1 para el texto normal.

¿#00a676 es un color cálido o frío?

#00a676 es un color frío. En OKLCH su matiz es de 164 grados, su luminosidad 64,2 % y su croma 0.137.