# Color #577bb3: Suave tono de azul

#577bb3 es rgb(87, 123, 179) en RGB y oklch(58.018% 0.09601 258.971) en OKLCH. Abajo tienes los demás formatos, tonos y valores de contraste.

Fuente: https://pickshade.com/es/color/577bb3

## Formatos

| Formato | Valor |
| --- | --- |
| HEX | #577bb3 |
| RGB | rgb(87, 123, 179) |
| HSL | hsl(216.52, 37.7%, 52.16%) |
| HSB / HSV | hsv(216.52 51.4% 70.2%) |
| HWB | hwb(216.52 34.12% 29.8%) |
| CMYK | cmyk(51% 31% 0% 30%) |
| Lab | lab(50.75 -0.72 -34.1) |
| LCH | lch(50.75 34.11 268.79) |
| OKLab | oklab(58.018% -0.01837 -0.09423) |
| OKLCH | oklch(58.018% 0.09601 258.971) |
| Display P3 | color(display-p3 0.37117 0.47848 0.68463) |
| Rec. 2020 | color(rec2020 0.36108 0.42607 0.64687) |
| Adobe RGB | color(a98-rgb 0.38788 0.47891 0.68873) |
| ProPhoto RGB | color(prophoto-rgb 0.38476 0.40334 0.61353) |
| sRGB lineal | color(srgb-linear 0.09531 0.19807 0.45079) |
| XYZ D65 | color(xyz-d65 0.19149 0.19446 0.45394) |
| XYZ D50 | color(xyz-d50 0.18234 0.19053 0.34246) |
| SwiftUI | Color(red: 0.341, green: 0.482, blue: 0.702) |
| UIKit | UIColor(red: 0.341, green: 0.482, blue: 0.702, alpha: 1) |
| Flutter / Compose | Color(0xFF577BB3) |
| Android XML | #577BB3 |

## Datos

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

## Más claros (con blanco)

#577bb3, #6788bb, #7795c3, #87a2cb, #98afd2, #a8bcda, #b9c9e2, #cad6e9, #dce4f0, #edf1f8

## Más oscuros (con negro)

#577bb3, #4b6a9b, #3e5a84, #334a6e, #273a58, #1c2c43, #121e2f, #08101d, #03050c, #000101

## Más sobrios (con gris)

#577bb3, #5b7bae, #5f7ba8, #627ba2, #667b9d, #697b97, #6d7b92, #707b8c, #747b86, #777b80

## Armonías

- Complementaria: #577bb3, #997330
- Dividida: #577bb3, #a86845, #7f7f35
- Análoga: #577bb3, #2f85a8, #7970b0
- Triádica: #577bb3, #ac6264, #5c8850
- Tetrádica: #577bb3, #93679f, #997330, #5c8850
- Cuadrada: #577bb3, #a46283, #997330, #328c70
- Monocromática: #577bb3, #163669, #36588d, #7aa0da, #9fc6ff

## Preguntas sobre #577bb3

### ¿Qué color es #577bb3?

#577bb3 es un suave tono de azul. El color con nombre más cercano es Suave tono de azul. En RGB es rgb(87, 123, 179), en HSL hsl(216.52, 37.7%, 52.16%) y en OKLCH oklch(58.018% 0.09601 258.971).

### ¿Qué colores combinan con #577bb3?

El color complementario de #577bb3 es #997330. Para una combinación más tranquila, usa los colores análogos #2f85a8 y #7970b0. Los colores de la tríada son #ac6264 y #5c8850.

### ¿Se lee mejor el texto blanco o el negro sobre #577bb3?

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

### ¿#577bb3 es un color cálido o frío?

#577bb3 es un color frío. En OKLCH su matiz es de 259 grados, su luminosidad 58 % y su croma 0.096.