# Cor #4baaf2: Intenso tom claro de azul-celeste

#4baaf2 é rgb(75, 170, 242) em RGB e oklch(71.256% 0.13807 244.532) em OKLCH. Todos os outros formatos, tons e valores de contraste estão abaixo.

Fonte: https://pickshade.com/pt/color/4baaf2

## Formatos

| Formato | Valor |
| --- | --- |
| HEX | #4baaf2 |
| RGB | rgb(75, 170, 242) |
| HSL | hsl(205.87, 86.53%, 62.16%) |
| HSB / HSV | hsv(205.87 69.01% 94.9%) |
| HWB | hwb(205.87 29.41% 5.1%) |
| CMYK | cmyk(69% 30% 0% 5%) |
| Lab | lab(66.34 -11.46 -45) |
| LCH | lch(66.34 46.44 255.71) |
| OKLab | oklab(71.256% -0.05937 -0.12466) |
| OKLCH | oklch(71.256% 0.13807 244.532) |
| Display P3 | color(display-p3 0.39477 0.65837 0.92548) |
| Rec. 2020 | color(rec2020 0.45111 0.61579 0.91254) |
| Adobe RGB | color(a98-rgb 0.44053 0.66074 0.93762) |
| ProPhoto RGB | color(prophoto-rgb 0.5073 0.58677 0.89376) |
| sRGB linear | color(srgb-linear 0.07036 0.40198 0.88792) |
| XYZ D65 | color(xyz-d65 0.33301 0.36654 0.89327) |
| XYZ D50 | color(xyz-d50 0.31255 0.35765 0.67407) |
| SwiftUI | Color(red: 0.294, green: 0.667, blue: 0.949) |
| UIKit | UIColor(red: 0.294, green: 0.667, blue: 0.949, alpha: 1) |
| Flutter / Compose | Color(0xFF4BAAF2) |
| Android XML | #4BAAF2 |

## 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: blue-400
- Gamut: Dentro do sRGB: aparece igual em qualquer tela.
- Contraste com branco: 2.52:1
- Contraste com preto: 8.33:1

## Versões mais claras

#4baaf2, #61b3f4, #74bcf6, #87c4f8, #99cdf9, #aad5fb, #bbdefc, #cce6fd, #ddeffe, #eef7fe

## Versões mais escuras

#4baaf2, #4093d2, #357db4, #2b6896, #215379, #173f5e, #0e2d43, #061b2b, #020b14, #000103

## Versões acinzentadas

#4baaf2, #57aaea, #62a9e3, #6ca9db, #75a8d3, #7ea7cb, #86a7c3, #8da6bb, #94a5b3, #9ba3aa

## Harmonias

- Complementar: #4baaf2, #dd8e36
- Dividida: #4baaf2, #eb8066, #bea020
- Análoga: #4baaf2, #00b7d7, #899af8
- Triádica: #4baaf2, #e87b97, #8fb147
- Tetrádica: #4baaf2, #b68be7, #dd8e36, #8fb147
- Quadrada: #4baaf2, #d67fc5, #dd8e36, #4fbb7b
- Monocromática: #4baaf2, #0060a3, #1c84ca, #86d0ff, #d6f4ff

## Perguntas sobre #4baaf2

### Que cor é #4baaf2?

#4baaf2 é um intenso tom claro de azul-celeste. A cor com nome mais próxima é Intenso tom claro de azul-celeste. Em RGB é rgb(75, 170, 242), em HSL hsl(205.87, 86.53%, 62.16%) e em OKLCH oklch(71.256% 0.13807 244.532).

### Quais cores combinam com #4baaf2?

A cor complementar de #4baaf2 é #dd8e36. Para uma combinação mais tranquila, use as cores análogas #00b7d7 e #899af8. As parceiras da tríade são #e87b97 e #8fb147.

### Texto branco ou preto é mais legível sobre #4baaf2?

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

### #4baaf2 é uma cor quente ou fria?

#4baaf2 é uma cor fria. Em OKLCH, o matiz é de 245 graus, a luminosidade 71,3% e o croma 0.138.