# Cor #307ea0: Intenso tom de azul-celeste

#307ea0 é rgb(48, 126, 160) em RGB e oklch(56.021% 0.09143 230.41) em OKLCH. Todos os outros formatos, tons e valores de contraste estão abaixo.

Fonte: https://pickshade.com/pt/color/307ea0

## Formatos

| Formato | Valor |
| --- | --- |
| HEX | #307ea0 |
| RGB | rgb(48, 126, 160) |
| HSL | hsl(198.21, 53.85%, 40.78%) |
| HSB / HSV | hsv(198.21 70% 62.75%) |
| HWB | hwb(198.21 18.82% 37.25%) |
| CMYK | cmyk(70% 21% 0% 37%) |
| Lab | lab(49.19 -15.99 -25.72) |
| LCH | lch(49.19 30.28 238.14) |
| OKLab | oklab(56.021% -0.05827 -0.07046) |
| OKLCH | oklch(56.021% 0.09143 230.41) |
| Display P3 | color(display-p3 0.27474 0.48754 0.61446) |
| Rec. 2020 | color(rec2020 0.29506 0.43098 0.57153) |
| Adobe RGB | color(a98-rgb 0.31815 0.49037 0.6169) |
| ProPhoto RGB | color(prophoto-rgb 0.3273 0.4033 0.53949) |
| sRGB linear | color(srgb-linear 0.02956 0.20864 0.35153) |
| XYZ D65 | color(xyz-d65 0.15024 0.18087 0.35958) |
| XYZ D50 | color(xyz-d50 0.14354 0.17746 0.2717) |
| SwiftUI | Color(red: 0.188, green: 0.494, blue: 0.627) |
| UIKit | UIColor(red: 0.188, green: 0.494, blue: 0.627, alpha: 1) |
| Flutter / Compose | Color(0xFF307EA0) |
| Android XML | #307EA0 |

## 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-700
- Gamut: Dentro do sRGB: aparece igual em qualquer tela.
- Contraste com branco: 4.55:1
- Contraste com preto: 4.62:1

## Versões mais claras

#307ea0, #488baa, #5e97b3, #72a4bd, #86b1c6, #9abdd0, #aecad9, #c2d7e2, #d6e5ec, #ebf2f5

## Versões mais escuras

#307ea0, #286d8b, #215c76, #1a4c61, #133c4e, #0c2d3b, #061f29, #031119, #010509, #000101

## Versões acinzentadas

#307ea0, #3a7d9c, #437d98, #4b7c93, #527b8f, #597a8b, #5f7986, #657882, #6a777d, #6f7679

## Harmonias

- Complementar: #307ea0, #9f6441
- Dividida: #307ea0, #a35e5e, #906e2f
- Análoga: #307ea0, #13848a, #5575aa
- Triádica: #307ea0, #9d5d7c, #777935
- Tetrádica: #307ea0, #746ba6, #9f6441, #777935
- Quadrada: #307ea0, #8d6296, #9f6441, #56824e
- Monocromática: #307ea0, #003957, #005b7b, #57a3c6, #7dc9ee

## Perguntas sobre #307ea0

### Que cor é #307ea0?

#307ea0 é um intenso tom de azul-celeste. A cor com nome mais próxima é Intenso tom de azul-celeste. Em RGB é rgb(48, 126, 160), em HSL hsl(198.21, 53.85%, 40.78%) e em OKLCH oklch(56.021% 0.09143 230.41).

### Quais cores combinam com #307ea0?

A cor complementar de #307ea0 é #9f6441. Para uma combinação mais tranquila, use as cores análogas #13848a e #5575aa. As parceiras da tríade são #9d5d7c e #777935.

### Texto branco ou preto é mais legível sobre #307ea0?

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

### #307ea0 é uma cor quente ou fria?

#307ea0 é uma cor fria. Em OKLCH, o matiz é de 230 graus, a luminosidade 56% e o croma 0.091.