Ir al selector de color

Color #63a67d: Suave tono de esmeralda

#63a67d es rgb(99, 166, 125) en RGB y oklch(66.885% 0.09227 156.024) en OKLCH. Abajo tienes los demás formatos, tonos y valores de contraste.

Interpretado como HEX

143°
100 %

66,9 %
0,092
156°
  • Esmeralda
  • Medio
  • Suave
  • Frío
  • ≈ Menta
  • teal-500
  • Negro 35 %

Dentro de sRGB: se ve igual en cualquier pantalla.

Texto blanco
2.88:1Difícil de leer
Lc -60
Texto negro
7.28:1Legible · AA
Lc 49

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 #63a67d

#63a67d es un suave tono de esmeralda. En OKLCH tiene una luminosidad de 66,9 %, un croma de 0.092 y un matiz de 156°.

Dentro de sRGB: se ve igual en cualquier pantalla.

El texto blanco sobre este color alcanza un contraste de 2.88:1 y el negro 7.28: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 teal-500.

Más tonos de esmeralda: medio

Más claro: #63a67d mezclado con blanco

  1. 63a67d
  2. 73af89
  3. 83b896
  4. 93c0a3
  5. a2c9af
  6. b2d2bc
  7. c1dbc9
  8. d0e4d7
  9. e0ede4
  10. eff6f1

Más oscuro: #63a67d mezclado con negro

  1. 63a67d
  2. 55906c
  3. 477a5b
  4. 3a654b
  5. 2e513b
  6. 213e2c
  7. 162b1e
  8. 0b1a11
  9. 030a05
  10. 000101

Más sobrio: #63a67d con menos saturación

  1. 63a67d
  2. 69a47f
  3. 6fa382
  4. 74a184
  5. 7a9f87
  6. 7f9e89
  7. 839c8c
  8. 889a8e
  9. 8c9890
  10. 919792

Preguntas sobre #63a67d

¿Qué color es #63a67d?

#63a67d es un suave tono de esmeralda. El color con nombre más cercano es Suave tono de esmeralda. En RGB es rgb(99, 166, 125), en HSL hsl(143.28, 27.35%, 51.96%) y en OKLCH oklch(66.885% 0.09227 156.024).

¿Qué colores combinan con #63a67d?

El color complementario de #63a67d es #b97fab. Para una combinación más tranquila, usa los colores análogos #879f60 y #46a79d. Los colores de la tríada son #8590ce y #c6806d.

¿Se lee mejor el texto blanco o el negro sobre #63a67d?

Sobre #63a67d se lee mejor el texto negro: el blanco da una relación de contraste de 2.88:1 y el negro de 7.28:1. WCAG AA pide al menos 4,5:1 para el texto normal.

¿#63a67d es un color cálido o frío?

#63a67d es un color frío. En OKLCH su matiz es de 156 grados, su luminosidad 66,9 % y su croma 0.092.