Ir al selector de color

Color #00a663: Intenso tono de esmeralda

#00a663 es rgb(0, 166, 99) en RGB y oklch(63.777% 0.1536 156.374) en OKLCH. Abajo tienes los demás formatos, tonos y valores de contraste.

Interpretado como HEX

156°
100 %

63,8 %
0,154
156°
  • Esmeralda
  • Medio
  • Intenso
  • Frío
  • ≈ Jade
  • emerald-600
  • Negro 35 %

Dentro de sRGB: se ve igual en cualquier pantalla.

Texto blanco
3.17:1Difícil de leer
Lc -63
Texto negro
6.63: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 que eliges o copias. Se quedan en este dispositivo.

Sobre #00a663

#00a663 es un intenso tono de esmeralda. En OKLCH tiene una luminosidad de 63,8 %, un croma de 0.154 y un matiz de 156°.

Dentro de sRGB: se ve igual en cualquier pantalla.

El texto blanco sobre este color alcanza un contraste de 3.17:1 y el negro 6.63: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: #00a663 mezclado con blanco

  1. 00a663
  2. 3baf72
  3. 58b881
  4. 70c191
  5. 86caa0
  6. 9bd3af
  7. afdcbf
  8. c4e5cf
  9. d7eedf
  10. ebf6ef

Más oscuro: #00a663 mezclado con negro

  1. 00a663
  2. 009055
  3. 007a47
  4. 00653a
  5. 00512e
  6. 003e21
  7. 002b16
  8. 001a0b
  9. 000a03
  10. 000100

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

  1. 00a663
  2. 2ba467
  3. 3fa16c
  4. 4d9f70
  5. 599c74
  6. 639a78
  7. 6d977c
  8. 759480
  9. 7d9184
  10. 848e88

Preguntas sobre #00a663

¿Qué color es #00a663?

#00a663 es un intenso tono de esmeralda. El color con nombre más cercano es Intenso tono de esmeralda. En RGB es rgb(0, 166, 99), en HSL hsl(155.78, 100%, 32.55%) y en OKLCH oklch(63.777% 0.1536 156.374).

¿Qué colores combinan con #00a663?

El color complementario de #00a663 es #c463ae. Para una combinación más tranquila, usa los colores análogos #739b1b y #00a498. Los colores de la tríada son #7480e7 y #d86444.

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

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

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

#00a663 es un color frío. En OKLCH su matiz es de 156 grados, su luminosidad 63,8 % y su croma 0.154.