# Color #677ea5: Discreto tono de azul

#677ea5 es rgb(103, 126, 165) en RGB y oklch(59.023% 0.06589 260.805) en OKLCH. Abajo tienes los demás formatos, tonos y valores de contraste.

Fuente: https://pickshade.com/es/color/677ea5

## Formatos

| Formato | Valor |
| --- | --- |
| HEX | #677ea5 |
| RGB | rgb(103, 126, 165) |
| HSL | hsl(217.74, 25.62%, 52.55%) |
| HSB / HSV | hsv(217.74 37.58% 64.71%) |
| HWB | hwb(217.74 40.39% 35.29%) |
| CMYK | cmyk(38% 24% 0% 35%) |
| Lab | lab(52.12 -1 -23.82) |
| LCH | lch(52.12 23.84 267.6) |
| OKLab | oklab(59.023% -0.01053 -0.06505) |
| OKLCH | oklch(59.023% 0.06589 260.805) |
| Display P3 | color(display-p3 0.42171 0.49145 0.63427) |
| Rec. 2020 | color(rec2020 0.39607 0.44006 0.59273) |
| Adobe RGB | color(a98-rgb 0.43018 0.49037 0.6358) |
| ProPhoto RGB | color(prophoto-rgb 0.40159 0.41593 0.56028) |
| sRGB lineal | color(srgb-linear 0.13563 0.20864 0.37626) |
| XYZ D65 | color(xyz-d65 0.19845 0.20521 0.38514) |
| XYZ D50 | color(xyz-d50 0.19334 0.20256 0.29083) |
| SwiftUI | Color(red: 0.404, green: 0.494, blue: 0.647) |
| UIKit | UIColor(red: 0.404, green: 0.494, blue: 0.647, alpha: 1) |
| Flutter / Compose | Color(0xFF677EA5) |
| Android XML | #677EA5 |

## Datos

- Nombre más cercano: Discreto tono de azul
- Familia de color: Azul, discreto 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.11:1
- Contraste con negro: 5.1:1

## Más claros (con blanco)

#677ea5, #758aae, #8497b7, #92a3c0, #a1b0c9, #b0bdd2, #c0cadb, #cfd7e4, #dfe4ed, #eff2f6

## Más oscuros (con negro)

#677ea5, #596d8f, #4b5c79, #3d4c65, #303c51, #232d3d, #171f2b, #0c111a, #04050a, #000101

## Más sobrios (con gris)

#677ea5, #697ea1, #6c7e9d, #6e7e99, #707e95, #727e91, #757e8d, #777e89, #797e85, #7b7d81

## Armonías

- Complementaria: #677ea5, #92794f
- Dividida: #677ea5, #9e7259, #7f8153
- Análoga: #677ea5, #53859e, #7d77a2
- Triádica: #677ea5, #a16e6c, #688762
- Tetrádica: #677ea5, #907196, #92794f, #688762
- Cuadrada: #677ea5, #9c6d82, #92794f, #538a78
- Monocromática: #677ea5, #263a5d, #465b80, #8aa3cb, #afc9f3

## Preguntas sobre #677ea5

### ¿Qué color es #677ea5?

#677ea5 es un discreto tono de azul. El color con nombre más cercano es Discreto tono de azul. En RGB es rgb(103, 126, 165), en HSL hsl(217.74, 25.62%, 52.55%) y en OKLCH oklch(59.023% 0.06589 260.805).

### ¿Qué colores combinan con #677ea5?

El color complementario de #677ea5 es #92794f. Para una combinación más tranquila, usa los colores análogos #53859e y #7d77a2. Los colores de la tríada son #a16e6c y #688762.

### ¿Se lee mejor el texto blanco o el negro sobre #677ea5?

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

### ¿#677ea5 es un color cálido o frío?

#677ea5 es un color frío. En OKLCH su matiz es de 261 grados, su luminosidad 59 % y su croma 0.066.