DevArbor
#0000FF

Blue — Códigos de color y paleta

#0000FF  ·  rgb(0, 0, 255)  ·  hsl(240, 100%, 50%)

Códigos de color

Formato Valor
HEX #0000FF
RGB rgb(0, 0, 255)
HSL hsl(240, 100%, 50%)

Tonos de Blue

#0000E6#0000CC#0000B3#000099#000080#000066#00004D#000033

Matices claros de Blue

#1A1AFF#3333FF#4D4DFF#6666FF#8080FF#9999FF#B3B3FF#CCCCFF

Combinaciones y armonía de color

Complementario
#FFFF00
Análogo +30°
#8000FF
Análogo −30°
#0080FF
Triádico +120°
#FF0000
Triádico −120°
#00FF00

Contraste y accesibilidad (WCAG 2.1)

sobre blanco (#FFFFFF)
8.59:1 — Supera AAA para texto normal
sobre negro (#000000)
2.44:1 — No supera

Fragmento CSS

.element {
  color: #0000FF;
}

.element-bg {
  background-color: #0000FF;
  color: #ffffff;
}

.element-border {
  border: 2px solid #0000FF;
}

Sobre el color Blue

Blue es un color medio con saturación muy alta y vibrante, definido por el código hexadecimal #0000FF. Sus valores exactos en los modelos de color son rgb(0, 0, 255) en RGB y hsl(240, 100%, 50%) en HSL (matiz 240°, saturación 100%, luminosidad 50%). Sobre fondo blanco, el ratio de contraste es 8.59:1 — Supera AAA para texto normal, y sobre negro es 2.44:1 — No supera. Usa Blue en elementos de interfaz, fondos, texto, bordes o acentos decorativos. La sección de tonos muestra variaciones progresivamente más oscuras, mientras que la franja de matices claros muestra versiones más luminosas — ambas útiles para construir una paleta tonal. Las muestras de armonía proporcionan combinaciones complementarias, análogas y triádicas basadas en la rueda de matices HSL.

¿Quieres explorar este color de forma interactiva, generar paletas o convertir entre formatos de color? El selector de color de DevArbor te lo pone fácil.

Abrir el selector de color →

Preguntas frecuentes

¿Cuál es el valor RGB de Blue?
El valor RGB de Blue (#0000FF) es rgb(0, 0, 255). Representa las cantidades de luz roja, verde y azul en una escala de 0 a 255.
¿Es Blue accesible sobre fondo blanco?
El ratio de contraste de Blue sobre blanco (#FFFFFF) es 8.59:1 — Supera AAA para texto normal. Sobre negro (#000000) el ratio de contraste es 2.44:1 — No supera. WCAG 2.1 exige 4,5:1 para AA (texto normal) y 7:1 para AAA.
¿Qué colores combinan bien con Blue?
Según la teoría del color, Blue (hsl(240, 100%, 50%)) combina bien con sus matices complementarios, análogos y triádicos. Consulta las muestras de armonía de arriba para ver los valores hexadecimales exactos de cada tipo de combinación.