# Cor #45a4bc: Intenso tom de azul-celeste

#45a4bc é rgb(69, 164, 188) em RGB e oklch(67.187% 0.09487 217.269) em OKLCH. Todos os outros formatos, tons e valores de contraste estão abaixo.

Fonte: https://pickshade.com/pt/color/45a4bc

## Formatos

| Formato | Valor |
| --- | --- |
| HEX | #45a4bc |
| RGB | rgb(69, 164, 188) |
| HSL | hsl(192.1, 47.04%, 50.39%) |
| HSB / HSV | hsv(192.1 63.3% 73.73%) |
| HWB | hwb(192.1 27.06% 26.27%) |
| CMYK | cmyk(63% 13% 0% 26%) |
| Lab | lab(62.5 -23.45 -21.25) |
| LCH | lch(62.5 31.64 222.18) |
| OKLab | oklab(67.187% -0.0755 -0.05745) |
| OKLCH | oklch(67.187% 0.09487 217.269) |
| Display P3 | color(display-p3 0.3732 0.63496 0.72591) |
| Rec. 2020 | color(rec2020 0.41057 0.58716 0.69377) |
| Adobe RGB | color(a98-rgb 0.41989 0.63726 0.72798) |
| ProPhoto RGB | color(prophoto-rgb 0.43635 0.55301 0.66507) |
| sRGB linear | color(srgb-linear 0.05951 0.37124 0.50289) |
| XYZ D65 | color(xyz-d65 0.24805 0.31446 0.52341) |
| XYZ D50 | color(xyz-d50 0.24089 0.30986 0.39598) |
| SwiftUI | Color(red: 0.271, green: 0.643, blue: 0.737) |
| UIKit | UIColor(red: 0.271, green: 0.643, blue: 0.737, alpha: 1) |
| Flutter / Compose | Color(0xFF45A4BC) |
| Android XML | #45A4BC |

## Dados

- Nome mais próximo: Intenso tom de azul-celeste
- Família de matiz: Azul-celeste, intenso tom de azul-celeste
- Classe do Tailwind mais próxima: cyan-500
- Gamut: Dentro do sRGB: aparece igual em qualquer tela.
- Contraste com branco: 2.88:1
- Contraste com preto: 7.29:1

## Versões mais claras

#45a4bc, #5cadc3, #70b6c9, #83bfd0, #95c8d7, #a7d1de, #b9dbe4, #cbe4eb, #dcedf2, #eef6f8

## Versões mais escuras

#45a4bc, #3b8ea3, #31798b, #276473, #1e505d, #153d47, #0c2b32, #051a1f, #020a0d, #000102

## Versões acinzentadas

#45a4bc, #51a3b8, #5ba2b4, #65a0b1, #6d9fad, #759da9, #7c9ca5, #839aa1, #89999d, #90979a

## Harmonias

- Complementar: #45a4bc, #c8816b
- Dividida: #45a4bc, #c87d8b, #bd8a53
- Análoga: #45a4bc, #42a9a0, #649bcd
- Triádica: #45a4bc, #bc7fab, #a6964e
- Tetrádica: #45a4bc, #8790d0, #c8816b, #a6964e
- Quadrada: #45a4bc, #a586c3, #c8816b, #86a160
- Monocromática: #45a4bc, #005c72, #127f96, #6ecae3, #95f2ff

## Perguntas sobre #45a4bc

### Que cor é #45a4bc?

#45a4bc é um intenso tom de azul-celeste. A cor com nome mais próxima é Intenso tom de azul-celeste. Em RGB é rgb(69, 164, 188), em HSL hsl(192.1, 47.04%, 50.39%) e em OKLCH oklch(67.187% 0.09487 217.269).

### Quais cores combinam com #45a4bc?

A cor complementar de #45a4bc é #c8816b. Para uma combinação mais tranquila, use as cores análogas #42a9a0 e #649bcd. As parceiras da tríade são #bc7fab e #a6964e.

### Texto branco ou preto é mais legível sobre #45a4bc?

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

### #45a4bc é uma cor quente ou fria?

#45a4bc é uma cor fria. Em OKLCH, o matiz é de 217 graus, a luminosidade 67,2% e o croma 0.095.