# Cor #30aecc: Intenso tom de azul-celeste

#30aecc é rgb(48, 174, 204) em RGB e oklch(69.699% 0.1133 217.908) em OKLCH. Todos os outros formatos, tons e valores de contraste estão abaixo.

Fonte: https://pickshade.com/pt/color/30aecc

## Formatos

| Formato | Valor |
| --- | --- |
| HEX | #30aecc |
| RGB | rgb(48, 174, 204) |
| HSL | hsl(191.54, 61.9%, 49.41%) |
| HSB / HSV | hsv(191.54 76.47% 80%) |
| HWB | hwb(191.54 18.82% 20%) |
| CMYK | cmyk(76% 15% 0% 20%) |
| Lab | lab(65.48 -27.26 -25.62) |
| LCH | lch(65.48 37.41 223.22) |
| OKLab | oklab(69.699% -0.08939 -0.06961) |
| OKLCH | oklch(69.699% 0.1133 217.908) |
| Display P3 | color(display-p3 0.34827 0.67278 0.78635) |
| Rec. 2020 | color(rec2020 0.41399 0.62701 0.76003) |
| Adobe RGB | color(a98-rgb 0.41128 0.67642 0.79056) |
| ProPhoto RGB | color(prophoto-rgb 0.45284 0.59235 0.73383) |
| sRGB linear | color(srgb-linear 0.02956 0.42327 0.60383) |
| XYZ D65 | color(xyz-d65 0.27252 0.35258 0.62498) |
| XYZ D50 | color(xyz-d50 0.26231 0.34662 0.4727) |
| SwiftUI | Color(red: 0.188, green: 0.682, blue: 0.8) |
| UIKit | UIColor(red: 0.188, green: 0.682, blue: 0.8, alpha: 1) |
| Flutter / Compose | Color(0xFF30AECC) |
| Android XML | #30AECC |

## 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.61:1
- Contraste com preto: 8.05:1

## Versões mais claras

#30aecc, #4fb6d1, #67bfd7, #7dc7dc, #91cfe1, #a4d7e6, #b7dfeb, #c9e7f0, #dbeff5, #edf7fa

## Versões mais escuras

#30aecc, #2897b1, #218097, #1a6a7e, #135565, #0c414e, #062e37, #031c22, #010b0f, #000102

## Versões acinzentadas

#30aecc, #44adc7, #53abc3, #60aabe, #6ba8ba, #75a7b5, #7ea5b0, #87a3ac, #8fa1a7, #969fa2

## Harmonias

- Complementar: #30aecc, #da8369
- Dividida: #30aecc, #d97e90, #cc8f49
- Análoga: #30aecc, #28b4aa, #61a3e0
- Triádica: #30aecc, #cb81b6, #b09e43
- Tetrádica: #30aecc, #8d96e3, #da8369, #b09e43
- Quadrada: #30aecc, #b18ad4, #da8369, #89ab5b
- Monocromática: #30aecc, #00647d, #0089a6, #60d5f4, #aef8ff

## Perguntas sobre #30aecc

### Que cor é #30aecc?

#30aecc é um intenso tom de azul-celeste. A cor com nome mais próxima é Intenso tom de azul-celeste. Em RGB é rgb(48, 174, 204), em HSL hsl(191.54, 61.9%, 49.41%) e em OKLCH oklch(69.699% 0.1133 217.908).

### Quais cores combinam com #30aecc?

A cor complementar de #30aecc é #da8369. Para uma combinação mais tranquila, use as cores análogas #28b4aa e #61a3e0. As parceiras da tríade são #cb81b6 e #b09e43.

### Texto branco ou preto é mais legível sobre #30aecc?

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

### #30aecc é uma cor quente ou fria?

#30aecc é uma cor fria. Em OKLCH, o matiz é de 218 graus, a luminosidade 69,7% e o croma 0.113.