#226688

#226688

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

HEX#226688
RGB34, 102, 136
HSL200°, 60%, 33%
CMYK75%, 25%, 0%, 47%
Luminancia relativa0.12

Toca un código para copiarlo

Contraste de texto

Aa

Sobre blanco

6.32:1 Cumple AA

Aa

Sobre negro

3.32:1 No cumple AA

Colores que combinan

Complementario

#874322

Análogos

#228776#223287

Tríada

#872265#658722

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. ¿#268 y #226688 son el mismo color?

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

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

Texto blanco. El contraste con el blanco es 6.32:1 y con el negro 3.32: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 #226688?

Verde azulado. 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