# Cor #5ab4e8: Intenso tom claro de azul-celeste

#5ab4e8 é rgb(90, 180, 232) em RGB e oklch(73.555% 0.11439 236.545) em OKLCH. Todos os outros formatos, tons e valores de contraste estão abaixo.

Fonte: https://pickshade.com/pt/color/5ab4e8

## Formatos

| Formato | Valor |
| --- | --- |
| HEX | #5ab4e8 |
| RGB | rgb(90, 180, 232) |
| HSL | hsl(201.97, 75.53%, 63.14%) |
| HSB / HSV | hsv(201.97 61.21% 90.98%) |
| HWB | hwb(201.97 35.29% 9.02%) |
| CMYK | cmyk(61% 22% 0% 9%) |
| Lab | lab(69.39 -16.27 -34.8) |
| LCH | lch(69.39 38.41 244.94) |
| OKLab | oklab(73.555% -0.06306 -0.09544) |
| OKLCH | oklch(73.555% 0.11439 236.545) |
| Display P3 | color(display-p3 0.44312 0.69765 0.89091) |
| Rec. 2020 | color(rec2020 0.48915 0.65727 0.8749) |
| Adobe RGB | color(a98-rgb 0.48445 0.70001 0.89966) |
| ProPhoto RGB | color(prophoto-rgb 0.52935 0.62688 0.8547) |
| sRGB linear | color(srgb-linear 0.10224 0.45641 0.80695) |
| XYZ D65 | color(xyz-d65 0.35101 0.40641 0.82341) |
| XYZ D50 | color(xyz-d50 0.33583 0.39886 0.62198) |
| SwiftUI | Color(red: 0.353, green: 0.706, blue: 0.91) |
| UIKit | UIColor(red: 0.353, green: 0.706, blue: 0.91, alpha: 1) |
| Flutter / Compose | Color(0xFF5AB4E8) |
| Android XML | #5AB4E8 |

## Dados

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

## Versões mais claras

#5ab4e8, #6dbceb, #7fc3ed, #90cbf0, #a0d3f2, #b1daf5, #c0e2f7, #d0e9f9, #e0f0fb, #eff8fd

## Versões mais escuras

#5ab4e8, #4d9cca, #4185ac, #356e90, #295874, #1e4459, #133040, #091d29, #030c13, #000203

## Versões acinzentadas

#5ab4e8, #65b3e2, #6eb2dc, #77b2d6, #80b1cf, #87b0c9, #8faec3, #96adbd, #9cacb6, #a3abb0

## Harmonias

- Complementar: #5ab4e8, #e0965f
- Dividida: #5ab4e8, #e98c83, #c9a44d
- Análoga: #5ab4e8, #34bdcd, #88a7f2
- Triádica: #5ab4e8, #e38aab, #a5b35a
- Tetrádica: #5ab4e8, #b09ae9, #e0965f, #a5b35a
- Quadrada: #5ab4e8, #cf8fd0, #e0965f, #77bd7e
- Monocromática: #5ab4e8, #006a9a, #308ec0, #88dbff, #dcfaff

## Perguntas sobre #5ab4e8

### Que cor é #5ab4e8?

#5ab4e8 é um intenso tom claro de azul-celeste. A cor com nome mais próxima é Intenso tom claro de azul-celeste. Em RGB é rgb(90, 180, 232), em HSL hsl(201.97, 75.53%, 63.14%) e em OKLCH oklch(73.555% 0.11439 236.545).

### Quais cores combinam com #5ab4e8?

A cor complementar de #5ab4e8 é #e0965f. Para uma combinação mais tranquila, use as cores análogas #34bdcd e #88a7f2. As parceiras da tríade são #e38aab e #a5b35a.

### Texto branco ou preto é mais legível sobre #5ab4e8?

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

### #5ab4e8 é uma cor quente ou fria?

#5ab4e8 é uma cor fria. Em OKLCH, o matiz é de 237 graus, a luminosidade 73,6% e o croma 0.114.