# Cor #677ea5: Esmaecido tom de azul

#677ea5 é rgb(103, 126, 165) em RGB e oklch(59.023% 0.06589 260.805) em OKLCH. Todos os outros formatos, tons e valores de contraste estão abaixo.

Fonte: https://pickshade.com/pt/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 linear | 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 |

## Dados

- Nome mais próximo: Esmaecido tom de azul
- Família de matiz: Azul, esmaecido tom de azul
- Classe do Tailwind mais próxima: slate-500
- Gamut: Dentro do sRGB: aparece igual em qualquer tela.
- Contraste com branco: 4.11:1
- Contraste com preto: 5.1:1

## Versões mais claras

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

## Versões mais escuras

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

## Versões acinzentadas

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

## Harmonias

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

## Perguntas sobre #677ea5

### Que cor é #677ea5?

#677ea5 é um esmaecido tom de azul. A cor com nome mais próxima é Esmaecido tom de azul. Em RGB é rgb(103, 126, 165), em HSL hsl(217.74, 25.62%, 52.55%) e em OKLCH oklch(59.023% 0.06589 260.805).

### Quais cores combinam com #677ea5?

A cor complementar de #677ea5 é #92794f. Para uma combinação mais tranquila, use as cores análogas #53859e e #7d77a2. As parceiras da tríade são #a16e6c e #688762.

### Texto branco ou preto é mais legível sobre #677ea5?

O texto branco é mais legível sobre #677ea5: o branco dá uma razão de contraste de 4.11:1 e o preto, 5.1:1. O WCAG AA pede pelo menos 4,5:1 para texto corrido.

### #677ea5 é uma cor quente ou fria?

#677ea5 é uma cor fria. Em OKLCH, o matiz é de 261 graus, a luminosidade 59% e o croma 0.066.