# Cor #678ea3: Esmaecido tom de azul-celeste

#678ea3 é rgb(103, 142, 163) em RGB e oklch(62.564% 0.05352 232.235) em OKLCH. Todos os outros formatos, tons e valores de contraste estão abaixo.

Fonte: https://pickshade.com/pt/color/678ea3

## Formatos

| Formato | Valor |
| --- | --- |
| HEX | #678ea3 |
| RGB | rgb(103, 142, 163) |
| HSL | hsl(201, 24.59%, 52.16%) |
| HSB / HSV | hsv(201 36.81% 63.92%) |
| HWB | hwb(201 40.39% 36.08%) |
| CMYK | cmyk(37% 13% 0% 36%) |
| Lab | lab(56.71 -9.89 -15.73) |
| LCH | lch(56.71 18.57 237.85) |
| OKLab | oklab(62.564% -0.03277 -0.04231) |
| OKLCH | oklch(62.564% 0.05352 232.235) |
| Display P3 | color(display-p3 0.43608 0.55262 0.63055) |
| Rec. 2020 | color(rec2020 0.4214 0.50264 0.58966) |
| Adobe RGB | color(a98-rgb 0.45158 0.55182 0.63025) |
| ProPhoto RGB | color(prophoto-rgb 0.42306 0.47306 0.55906) |
| sRGB linear | color(srgb-linear 0.13563 0.2705 0.36625) |
| XYZ D65 | color(xyz-d65 0.21876 0.24873 0.383) |
| XYZ D50 | color(xyz-d50 0.21573 0.2463 0.28969) |
| SwiftUI | Color(red: 0.404, green: 0.557, blue: 0.639) |
| UIKit | UIColor(red: 0.404, green: 0.557, blue: 0.639, alpha: 1) |
| Flutter / Compose | Color(0xFF678EA3) |
| Android XML | #678EA3 |

## Dados

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

## Versões mais claras

#678ea3, #7699ac, #85a4b5, #93afbe, #a2bac7, #b1c5d0, #c1d1da, #d0dce3, #e0e8ec, #eff3f6

## Versões mais escuras

#678ea3, #597b8d, #4b6878, #3d5663, #30444f, #23343c, #17242a, #0c1519, #04070a, #000101

## Versões acinzentadas

#678ea3, #6b8da0, #6e8d9e, #728c9b, #758c98, #788b96, #7c8a93, #7f8a90, #82898d, #85888a

## Harmonias

- Complementar: #678ea3, #a37f6a
- Dividida: #678ea3, #a67b79, #988563
- Análoga: #678ea3, #609296, #7688a9
- Triádica: #678ea3, #a27b8b, #888c66
- Tetrádica: #678ea3, #8882a6, #a37f6a, #888c66
- Quadrada: #678ea3, #987d9b, #a37f6a, #769073
- Monocromática: #678ea3, #23495c, #456a7e, #8bb3c9, #b0daf0

## Perguntas sobre #678ea3

### Que cor é #678ea3?

#678ea3 é um esmaecido tom de azul-celeste. A cor com nome mais próxima é Esmaecido tom de azul-celeste. Em RGB é rgb(103, 142, 163), em HSL hsl(201, 24.59%, 52.16%) e em OKLCH oklch(62.564% 0.05352 232.235).

### Quais cores combinam com #678ea3?

A cor complementar de #678ea3 é #a37f6a. Para uma combinação mais tranquila, use as cores análogas #609296 e #7688a9. As parceiras da tríade são #a27b8b e #888c66.

### Texto branco ou preto é mais legível sobre #678ea3?

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

### #678ea3 é uma cor quente ou fria?

#678ea3 é uma cor fria. Em OKLCH, o matiz é de 232 graus, a luminosidade 62,6% e o croma 0.054.