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

Aqui você vê sua cor convertida em 14 formatos de cores diferentes, como RGB, CMYK, HSV, HSL, CIELab, Decimal, YUV e outros.
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.

#48aafd

#48aafd
rgb(72,170,253)

#fd9b49

#fd9b49
rgb(253,155,73)

Cores triadicas

É a harmonia onde usamos três cores equidistantes no circulo cromático. Por exemplo azul, amarelo e vermelho.

#fd49ab

#fd49ab
rgb(253,73,171)

#48aafd

#48aafd
rgb(72,170,253)

#abfd49

#abfd49
rgb(171,253,73)

Cores tetrádicas

Como o nome indica, refere-se a harmonia conseguida por dois pares de cores complementares entre si.

#f649fd

#f649fd
rgb(246,73,253)

#48aafd

#48aafd
rgb(72,170,253)

#fd9b49

#fd9b49
rgb(253,155,73)

#50fd49

#50fd49
rgb(80,253,73)

Cores monocromáticas

É a harmonia resultante de uma mesma cor da roda das cores. As tonalidades podem mudar, mas todas ficam no mesmo matiz.

#48aafd

#48aafd
rgb(72,170,253)

#c7e4fd

#c7e4fd
rgb(199,228,253)

#c4e3fd

#c4e3fd
rgb(196,227,253)

#c2e2fd

#c2e2fd
rgb(194,226,253)

#bfe1fd

#bfe1fd
rgb(191,225,253)

#bce0fd

#bce0fd
rgb(188,224,253)

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.

Matiz (adicionando branco)
#48aafd

#48aafd
rgb(72,170,253)

#6cbbfd

#6cbbfd
rgb(108,187,253)

#91ccfd

#91ccfd
rgb(145,204,253)

#b5ddfe

#b5ddfe
rgb(181,221,254)

#daeefe

#daeefe
rgb(218,238,254)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#48aafd

#48aafd
rgb(72,170,253)

#3988ca

#3988ca
rgb(57,136,202)

#2b6697

#2b6697
rgb(43,102,151)

#1c4365

#1c4365
rgb(28,67,101)

#0e2132

#0e2132
rgb(14,33,50)

#000000

#000000
rgb(0,0,0)


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
Texto grande WCAG AA X Não conforme
Qualquer texto WCAG AA X Não conforme
Texto grande WCAG AAA X Não conforme
Qualquer texto WCAG AAA X Não conforme

Se quiser verificar outras combinações de cores, experimente o verificador de contraste de cores.

Preto e #48aafd
Texto grande WCAG AA ✓ Conforme
Qualquer texto WCAG AA ✓ Conforme
Texto grande WCAG AAA ✓ Conforme
Qualquer texto WCAG AAA ✓ Conforme

Se quiser verificar outras combinações de cores, experimente o verificador de contraste de cores.

Exemplos CSS

Texto com cor hexadecimal #48aafd

Este exemplo mostra como o texto na cor #48aafd se parece.

<span style="color:#48aafd;">Aqui fica o texto.</span>
Cor de fundo #48aafd

Este parágrafo tem fundo de cor #48aafd.

<p style="background-color:#48aafd;">O conteúdo fica aqui.</p>
Borda de cor #000bef

Este elemento tem uma cor de borda de #48aafd.

<div style="border:1px solid #000bef;">Conteúdo fica aqui</div>
Códigos CSS
.text {color:#48aafd;}
.background {background-color:#48aafd;}
.border {border:1px solid #48aafd;}

Cores alietórias

#e7033c

#e7033c
rgb(231,3,60)

#b5bf7f

#b5bf7f
rgb(181,191,127)

#97e1ed

#97e1ed
rgb(151,225,237)

#4abdf4

#4abdf4
rgb(74,189,244)

#44fb39

#44fb39
rgb(68,251,57)

#a91a3e

#a91a3e
rgb(169,26,62)

#df584c

#df584c
rgb(223,88,76)

#223f77

#223f77
rgb(34,63,119)

#55e51d

#55e51d
rgb(85,229,29)

#e9dc40

#e9dc40
rgb(233,220,64)

#8b59f2

#8b59f2
rgb(139,89,242)

#bd26e7

#bd26e7
rgb(189,38,231)