# Color #5581bb: Suave tono de azul

#5581bb es rgb(85, 129, 187) en RGB y oklch(59.661% 0.10172 255.739) en OKLCH. Abajo tienes los demás formatos, tonos y valores de contraste.

Fuente: https://pickshade.com/es/color/5581bb

## Formatos

| Formato | Valor |
| --- | --- |
| HEX | #5581bb |
| RGB | rgb(85, 129, 187) |
| HSL | hsl(214.12, 42.86%, 53.33%) |
| HSB / HSV | hsv(214.12 54.55% 73.33%) |
| HWB | hwb(214.12 33.33% 26.67%) |
| CMYK | cmyk(55% 31% 0% 27%) |
| Lab | lab(52.7 -2.5 -35.66) |
| LCH | lch(52.7 35.74 265.99) |
| OKLab | oklab(59.661% -0.02506 -0.09858) |
| OKLCH | oklch(59.661% 0.10172 255.739) |
| Display P3 | color(display-p3 0.37138 0.50131 0.71518) |
| Rec. 2020 | color(rec2020 0.36995 0.44975 0.68023) |
| Adobe RGB | color(a98-rgb 0.39199 0.50184 0.71997) |
| ProPhoto RGB | color(prophoto-rgb 0.39795 0.42538 0.64759) |
| sRGB lineal | color(srgb-linear 0.09084 0.21953 0.49693) |
| XYZ D65 | color(xyz-d65 0.20565 0.21219 0.50027) |
| XYZ D50 | color(xyz-d50 0.19526 0.20771 0.37744) |
| SwiftUI | Color(red: 0.333, green: 0.506, blue: 0.733) |
| UIKit | UIColor(red: 0.333, green: 0.506, blue: 0.733, alpha: 1) |
| Flutter / Compose | Color(0xFF5581BB) |
| Android XML | #5581BB |

## Datos

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

## Más claros (con blanco)

#5581bb, #658dc2, #769ac9, #87a6d0, #97b3d7, #a8bfde, #b9cce5, #cad9ec, #dce5f2, #edf2f9

## Más oscuros (con negro)

#5581bb, #496fa2, #3d5e8a, #314e73, #263e5c, #1c2e46, #111f32, #08121f, #02060d, #000102

## Más sobrios (con gris)

#5581bb, #5a81b5, #5e81af, #6381aa, #6781a4, #6b819e, #6f8198, #738092, #77808c, #7b8085

## Armonías

- Complementaria: #5581bb, #a27631
- Dividida: #5581bb, #b16b49, #888332
- Análoga: #5581bb, #278bad, #7a76b9
- Triádica: #5581bb, #b4656b, #638d4e
- Tetrádica: #5581bb, #976ca8, #a27631, #638d4e
- Cuadrada: #5581bb, #aa658c, #a27631, #369271
- Monocromática: #5581bb, #113c70, #335d95, #78a6e3, #9dccff

## Preguntas sobre #5581bb

### ¿Qué color es #5581bb?

#5581bb es un suave tono de azul. El color con nombre más cercano es Suave tono de azul. En RGB es rgb(85, 129, 187), en HSL hsl(214.12, 42.86%, 53.33%) y en OKLCH oklch(59.661% 0.10172 255.739).

### ¿Qué colores combinan con #5581bb?

El color complementario de #5581bb es #a27631. Para una combinación más tranquila, usa los colores análogos #278bad y #7a76b9. Los colores de la tríada son #b4656b y #638d4e.

### ¿Se lee mejor el texto blanco o el negro sobre #5581bb?

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

### ¿#5581bb es un color cálido o frío?

#5581bb es un color frío. En OKLCH su matiz es de 256 grados, su luminosidad 59,7 % y su croma 0.102.