Dusty Blue #5A86AD
Dusty Blue es un azul medio-oscuro y moderadamente saturado, con código hex #5A86AD y RGB rgb(90, 134, 173).
Aa
El texto negro es el que mejor se lee sobre este color (5.44:1).
Sobre este color
#5A86AD es un azul medio-oscuro y moderadamente saturado. En OKLCH, su luminosidad es 60%, su croma 0.077 y su matiz 246°. Su matiz está del lado frío de la rueda cromática. Es el color con nombre Dusty Blue. El texto negro es el que mejor se lee sobre este color, con 5.44:1.
| Familia de matiz | Azules |
| Luminosidad | medio-oscuro (60%) |
| Croma | moderadamente saturado (0.077) |
| Temperatura | frío |
| Nombre más cercano | Dusty Blue |
| Texto negro | 5.44:1 |
| Texto blanco | 3.85:1 |
Colores que combinan con Dusty Blue
Combinaciones obtenidas al rotar Dusty Blue por la rueda de matiz de OKLCH, cada una con el nombre más cercano de nuestra lista.
Análogo
Matices vecinos, 30° a cada lado.
Triádico
Tres matices separados por 120°.
Paletas de colores con Dusty Blue
Paletas seleccionadas que contienen un color a menos de ΔE 0.06 (OKLab) de Dusty Blue, de la más cercana a la más lejana.
Colores con nombre similares
Los ocho colores con nombre más cercanos a Dusty Blue, con su distancia ΔE.
- Off Blue #5684AE ΔE 0.008
- Cool Blue #4984B8 ΔE 0.025
- Steel Blue #4682B4 ΔE 0.027
- Faded Blue #658CBB ΔE 0.029
- Stormy Blue #507B9C ΔE 0.040
- Silver Lake Blue #778DA9 ΔE 0.044
- Blue Grey #758DA3 ΔE 0.044
- Steel #738595 ΔE 0.045
Más sobre Dusty Blue
Cómo hacer Dusty Blue
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 rosa
- 3 partes de azul
- 1 parte de verde
Resultado de la receta: #5D85B0, una diferencia de ΔE 0.008 respecto a Dusty Blue. Es muy parecido: la mayoría de la gente no notará la diferencia.
Códigos de Dusty Blue en todos los formatos
| HEX | #5A86AD |
| RGB | rgb(90, 134, 173) |
| HSL | hsl(208, 34%, 52%) |
| OKLCH | oklch(60.4% 0.077 246.2) |
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 #5A86AD | 3.85:1 | AA texto grande | Lc -71.4 | Texto de contenido, no para lecturas largas |
| Texto negro sobre #5A86AD | 5.44:1 | AA | Lc 38.1 | Elementos que no son texto, texto de marcador de posición |
| Texto #5A86AD sobre blanco | 3.85:1 | AA texto grande | Lc 65.9 | Texto de contenido, no para lecturas largas |
| Texto #5A86AD sobre negro | 5.44:1 | AA | Lc -35.7 | Elementos que no son texto, texto de marcador de posición |
Tonos y tintes de Dusty Blue
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 500.
-
Paso 50
50
#F3F6F9
oklch(97.2% 0.005 247.9)
-
Paso 100
100
#E4EBF1
oklch(93.6% 0.011 243.7)
-
Paso 200
200
#CEDBE6
oklch(88.5% 0.021 243.4)
-
Paso 300
300
#AEC4D8
oklch(81% 0.037 245.7)
-
Paso 400
400
#82A5C4
oklch(70.7% 0.06 245.5)
-
Paso 500
500 (este color)
#5A86AD
oklch(60.4% 0.077 246.2)
-
Paso 600
600
#4878A2
oklch(55.7% 0.084 246.4)
-
Paso 700
700
#39658A
oklch(49.2% 0.077 245.6)
-
Paso 800
800
#305270
oklch(42.6% 0.064 246.6)
-
Paso 900
900
#2B445B
oklch(37.7% 0.05 247.3)
-
Paso 950
950
#192835
oklch(27% 0.032 245.5)
Exporta esta escala para Tailwind con la herramienta de colores de Tailwind
Dusty Blue 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) | #7687AF | 0.035 |
| Deuteranopía (sin conos verdes) | #6B7EAC | 0.028 |
| Tritanopía (sin conos azules) | #358F93 | 0.065 |
| Acromatopsia (sin color) | #828282 | 0.077 |
Usa Dusty Blue 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.