Informação da cor #48aafd
A cor hexadecimal 48aafd no modelo de cores RGB (Red, Green, Blue), é um composta por 72 de vermelho, 170 de verde e 253 de azul.
No padrão de cores CMYK, é composto por 71.5% de ciano, 32.8% de magenta, 0% de amarelo e 0.8% de preto. Tem um ângulo de matiz de 207.5 graus, uma saturação de 97.8% e uma leveza de 63.7%.
A cor mais próxima WebSafe é 3399CC.
Conversões de #48aafd num outro espaço de cores
Formato | Cor |
---|---|
Hex | 48aafd |
RGB | 72, 170, 253 |
RGB Percentagem | 28.2%, 66.7%, 99.2% |
CMYK | 0.72, 0.33, 0, 0.01 |
HSL | 207.5°, 97.8%, 63.7% |
HSV (ou HSB) | 207.5°, 71.5%, 99.2% |
RYB | 28.2, 53.3, 99.2 |
Formato | Cor |
---|---|
XYZ | 36.6, 39.9, 98.8 |
CIELab | 69.36, -4.11, -46.46 |
Decimal | 4762365 |
Yxy | 37.2151, 0.2042, 0.2186 |
YUV | 150.16, 186.0361, 72.2511 |
CIELuv | 67.4381, -36.101, -79.8332 |
Web Safe | 3399CC |
Distribuição de #48aafd
RGB
RYB
CMYK
CMY
Harmonia de cores
Cores complementares
É a harmonia que ocorre quando combinamos cores opostas na roda das cores. Em outras palavras, são cores que se encontram simétricas com respeito ao centro da roda. O Matiz varia em 180 º entre uma e outra.
Cores triadicas
É a harmonia onde usamos três cores equidistantes no circulo cromático. Por exemplo azul, amarelo e vermelho.
Cores tetrádicas
Como o nome indica, refere-se a harmonia conseguida por dois pares de cores complementares entre si.
Tons e Matizes de #48aafd
É possível obter uma sombra adicionando preto a qualquer matiz puro, enquanto um matiz é criado misturando branco a qualquer cor pura.
Pré-visualização
Fundo branco
Esta visualização mostra como a cor #48aafd fica em um fundo branco.
Fundo preto
Esta visualização mostra como a cor #48aafd fica em um fundo preto.
Fundo de cor #48aafd
Esta visualização mostra como a cor branca fica em um fundo #48aafd.
Esta visualização mostra como a cor preta fica em um fundo #48aafd.
Contraste
Branco e #48aafd
Se quiser verificar outras combinações de cores, experimente o verificador de contraste de cores.
Preto e #48aafd
Se quiser verificar outras combinações de cores, experimente o verificador de contraste de cores.
Exemplos CSS
Este exemplo mostra como o texto na cor #48aafd se parece.
<span style="color:#48aafd;">Aqui fica o texto.</span>
Este parágrafo tem fundo de cor #48aafd.
<p style="background-color:#48aafd;">O conteúdo fica aqui.</p>
Este elemento tem uma cor de borda de #48aafd.
<div style="border:1px solid #000bef;">Conteúdo fica aqui</div>
.text {color:#48aafd;}
.background {background-color:#48aafd;}
.border {border:1px solid #48aafd;}