#005566

#005566

Azules · #056 es la forma abreviada de tres dígitos de #005566. En CSS ambas notaciones son el mismo color.

HEX#005566
RGB0, 85, 102
HSL190°, 100%, 20%
CMYK100%, 17%, 0%, 60%
Luminancia relativa0.07

Toca un código para copiarlo

Contraste de texto

Aa

Sobre blanco

8.43:1 Cumple AA

Aa

Sobre negro

2.49:1 No cumple AA

Colores que combinan

Complementario

#661100

Análogos

#006644#002266

Tríada

#660055#556600

Escala de tonos

50100200300400500600700800

Visto con daltonismo

ProtanopíaDeuteranopíaTritanopía

Cómo se lee

  • Un código hex escribe rojo, verde y azul con dos dígitos hexadecimales cada uno. #ff0000 es rojo al máximo y el resto a cero.
  • HSL indica tono (0–360°), saturación y luminosidad. Aclarar un color es cambiar un solo número, y por eso resulta más fácil de manejar a mano.
  • El contraste de texto sigue la WCAG: el texto normal necesita 4.5:1 y el grande 3:1. El máximo posible es 21:1, entre blanco y negro.
  • La fila de daltonismo calcula cómo se ve este color en tres tipos de deficiencia. Por eso nunca hay que codificar información solo con el color.

Preguntas frecuentes

Q. ¿#056 y #005566 son el mismo color?

Sí. CSS duplica cada dígito de un hex de tres cifras, así que #056 se expande a #005566. Solo 4.096 colores se pueden escribir con tres dígitos y este es uno de ellos.

Q. ¿Qué color de texto funciona sobre #005566?

Texto blanco. El contraste con el blanco es 8.43:1 y con el negro 2.49:1, así que elige el mayor — WCAG pide 4,5:1 en tamaño de texto normal.

Q. ¿Qué color con nombre se parece más a #005566?

Azul de Prusia. No es una coincidencia exacta, así que cuando el color importe usa el código hex en lugar del nombre.

Colores con nombre más cercanos