Cobalt #1E488F
Cobalt es un azul oscuro y moderadamente saturado, con código hex #1E488F y RGB rgb(30, 72, 143).
Aa
El texto blanco es el que mejor se lee sobre este color (8.82:1).
Sobre este color
#1E488F es un azul oscuro y moderadamente saturado. En OKLCH, su luminosidad es 41%, su croma 0.127 y su matiz 260°. Su matiz está del lado frío de la rueda cromática. Es el color con nombre Cobalt. El texto blanco es el que mejor se lee sobre este color, con 8.82:1.
| Familia de matiz | Azules |
| Luminosidad | oscuro (41%) |
| Croma | moderadamente saturado (0.127) |
| Temperatura | frío |
| Nombre más cercano | Cobalt |
| Texto negro | 2.37:1 |
| Texto blanco | 8.82:1 |
Colores que combinan con Cobalt
Combinaciones obtenidas al rotar Cobalt por la rueda de matiz de OKLCH, cada una con el nombre más cercano de nuestra lista.
Complementario
El matiz opuesto (180°).
Análogo
Matices vecinos, 30° a cada lado.
Triádico
Tres matices separados por 120°.
Paletas de colores con Cobalt
Paletas seleccionadas que contienen un color a menos de ΔE 0.06 (OKLab) de Cobalt, de la más cercana a la más lejana.
Colores con nombre similares
Los ocho colores con nombre más cercanos a Cobalt, con su distancia ΔE.
- Light Navy #155084 ΔE 0.032
- Dusk Blue #26538D ΔE 0.034
- Twilight Blue #0A437A ΔE 0.041
- Deep Sea Blue #015482 ΔE 0.045
- Blueberry #464196 ΔE 0.051
- Dark Slate Blue #483D8B ΔE 0.056
- Light Navy Blue #2E5A88 ΔE 0.060
- Sapphire #2138AB ΔE 0.061
Más sobre Cobalt
Cómo hacer Cobalt
Una receta inicial con colores de pintura comunes, calculada con un modelo espectral de pintura (el modo pintura del mezclador). Los pigmentos reales varían: mezcla primero una pequeña prueba y ajusta.
- 4 partes de azul
- 1 parte de rojo
Resultado de la receta: #2A4B8D, una diferencia de ΔE 0.016 respecto a Cobalt. Es muy parecido: la mayoría de la gente no notará la diferencia.
Códigos de Cobalt en todos los formatos
| HEX | #1E488F |
| RGB | rgb(30, 72, 143) |
| HSL | hsl(218, 65%, 34%) |
| OKLCH | oklch(41.4% 0.127 260.3) |
Contraste
Las relaciones de contraste de WCAG 2 son el objetivo de conformidad: AA exige 4.5:1 para texto de cuerpo y 3:1 para texto grande; AAA exige 7:1. Los valores Lc de APCA son una guía complementaria de los borradores de WCAG 3.
| Combinación | WCAG 2 | Resultado | APCA | Guía APCA |
|---|---|---|---|---|
| Texto blanco sobre #1E488F | 8.82:1 | AAA | Lc -94.3 | Ideal para texto de cuerpo |
| Texto negro sobre #1E488F | 2.37:1 | No cumple | Lc 14.2 | No legible |
| Texto #1E488F sobre blanco | 8.82:1 | AAA | Lc 89.8 | Bueno para texto de cuerpo |
| Texto #1E488F sobre negro | 2.37:1 | No cumple | Lc -12.5 | No legible |
Tonos y tintes de Cobalt
Una escala de 50 a 950 creada en OKLCH: el matiz se mantiene, la luminosidad sigue una curva parecida a la de Tailwind v4 y cada paso permanece dentro de la gama sRGB. Este color está en el paso 800.
-
Paso 50
50
#F2F6FC
oklch(97.2% 0.009 258.3)
-
Paso 100
100
#E2EAF9
oklch(93.5% 0.022 263.2)
-
Paso 200
200
#CADAF5
oklch(88.5% 0.041 260.9)
-
Paso 300
300
#A5C2F1
oklch(80.9% 0.074 260)
-
Paso 400
400
#75A1EA
oklch(70.7% 0.118 260.2)
-
Paso 500
500
#5187E4
oklch(63.1% 0.152 260.6)
-
Paso 600
600
#346FD2
oklch(55.6% 0.165 260.1)
-
Paso 700
700
#275CB6
oklch(49.1% 0.154 260.3)
-
Paso 800
800 (este color)
#1E488F
oklch(41.4% 0.127 260.3)
-
Paso 900
900
#204075
oklch(37.7% 0.098 259.9)
-
Paso 950
950
#132645
oklch(27.1% 0.063 259.7)
Exporta esta escala para Tailwind con la herramienta de colores de Tailwind
Cobalt con daltonismo
Simulado con el modelo de Machado et al. (2009). ΔE es cuánto se desplaza el color: por debajo de 0.02 aproximadamente no notarías el cambio.
| Visión | Se ve como | Cambio (ΔE) |
|---|---|---|
| Protanopía (sin conos rojos) | #1F5092 | 0.023 |
| Deuteranopía (sin conos verdes) | #00458E | 0.020 |
| Tritanopía (sin conos azules) | #005964 | 0.099 |
| Acromatopsia (sin color) | #4A4A4A | 0.127 |
Usa Cobalt en tu producto
Conviértelo en roles de interfaz claros y oscuros con el contraste verificado y expórtalos a Tailwind v4, shadcn/ui, CSS o design tokens.