# Color #558aba: Suave tono de azul

#558aba es rgb(85, 138, 186) en RGB y oklch(61.648% 0.09261 247.219) en OKLCH. Abajo tienes los demás formatos, tonos y valores de contraste.

Fuente: https://pickshade.com/es/color/558aba

## Formatos

| Formato | Valor |
| --- | --- |
| HEX | #558aba |
| RGB | rgb(85, 138, 186) |
| HSL | hsl(208.51, 42.26%, 53.14%) |
| HSB / HSV | hsv(208.51 54.3% 72.94%) |
| HWB | hwb(208.51 33.33% 27.06%) |
| CMYK | cmyk(54% 26% 0% 27%) |
| Lab | lab(55.3 -7.57 -31.06) |
| LCH | lch(55.3 31.97 256.31) |
| OKLab | oklab(61.648% -0.03586 -0.08538) |
| OKLCH | oklch(61.648% 0.09261 247.219) |
| Display P3 | color(display-p3 0.38084 0.53584 0.71321) |
| Rec. 2020 | color(rec2020 0.38525 0.48507 0.67853) |
| Adobe RGB | color(a98-rgb 0.4055 0.5364 0.7171) |
| ProPhoto RGB | color(prophoto-rgb 0.41011 0.45752 0.64676) |
| sRGB lineal | color(srgb-linear 0.09084 0.25415 0.49102) |
| XYZ D65 | color(xyz-d65 0.21696 0.23653 0.49878) |
| XYZ D50 | color(xyz-d50 0.20775 0.23218 0.37658) |
| SwiftUI | Color(red: 0.333, green: 0.541, blue: 0.729) |
| UIKit | UIColor(red: 0.333, green: 0.541, blue: 0.729, alpha: 1) |
| Flutter / Compose | Color(0xFF558ABA) |
| Android XML | #558ABA |

## Datos

- Nombre más cercano: Suave tono de azul
- Familia de color: Azul, suave tono de azul
- Clase de Tailwind más cercana: cyan-600
- Gama: Dentro de sRGB: se ve igual en cualquier pantalla.
- Contraste con blanco: 3.66:1
- Contraste con negro: 5.73:1

## Más claros (con blanco)

#558aba, #6695c1, #77a1c8, #88adcf, #98b8d6, #a9c4dd, #bad0e4, #cbdbeb, #dce7f2, #eef3f8

## Más oscuros (con negro)

#558aba, #4977a1, #3d6589, #315372, #26425c, #1c3246, #112232, #08141e, #02070d, #000102

## Más sobrios (con gris)

#558aba, #5b8ab5, #6089b0, #6589aa, #6a89a5, #6f88a0, #74889b, #788795, #7d8690, #81868a

## Armonías

- Complementaria: #558aba, #aa7a45
- Dividida: #558aba, #b5715c, #95853f
- Análoga: #558aba, #3493aa, #7780bd
- Triádica: #558aba, #b56d7b, #769051
- Tetrádica: #558aba, #9476b1, #aa7a45, #769051
- Cuadrada: #558aba, #a96f99, #aa7a45, #51966f
- Monocromática: #558aba, #0a446f, #326694, #79afe1, #9ed6ff

## Preguntas sobre #558aba

### ¿Qué color es #558aba?

#558aba es un suave tono de azul. El color con nombre más cercano es Suave tono de azul. En RGB es rgb(85, 138, 186), en HSL hsl(208.51, 42.26%, 53.14%) y en OKLCH oklch(61.648% 0.09261 247.219).

### ¿Qué colores combinan con #558aba?

El color complementario de #558aba es #aa7a45. Para una combinación más tranquila, usa los colores análogos #3493aa y #7780bd. Los colores de la tríada son #b56d7b y #769051.

### ¿Se lee mejor el texto blanco o el negro sobre #558aba?

Sobre #558aba se lee mejor el texto blanco: el blanco da una relación de contraste de 3.66:1 y el negro de 5.73:1. WCAG AA pide al menos 4,5:1 para el texto normal.

### ¿#558aba es un color cálido o frío?

#558aba es un color frío. En OKLCH su matiz es de 247 grados, su luminosidad 61,6 % y su croma 0.093.