Informação da cor #57a2fd

A cor hexadecimal 57a2fd no modelo de cores RGB (Red, Green, Blue), é um composta por 87 de vermelho, 162 de verde e 253 de azul.

No padrão de cores CMYK, é composto por 65.6% de ciano, 36% de magenta, 0% de amarelo e 0.8% de preto. Tem um ângulo de matiz de 212.9 graus, uma saturação de 97.7% e uma leveza de 66.7%.

A cor mais próxima WebSafe é 3399CC.

Conversões de #57a2fd 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 57a2fd
RGB 87, 162, 253
RGB Percentagem 34.1%, 63.5%, 99.2%
CMYK 0.66, 0.36, 0, 0.01
HSL 212.9°, 97.7%, 66.7%
HSV (ou HSB) 212.9°, 65.6%, 99.2%
RYB 34.1, 54.5, 99.2
Formato Cor
XYZ 36.6, 37.7, 98.4
CIELab 67.8, 2.57, -48.89
Decimal 5743357
Yxy 34.9553, 0.2066, 0.2089
YUV 149.949, 186.1552, 83.1006
CIELuv 65.7138, -30.4107, -84.8014
Web Safe 3399CC

Distribuição de #57a2fd

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.

#57a2fd

#57a2fd
rgb(87,162,253)

#fdb357

#fdb357
rgb(253,179,87)

Cores triadicas

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

#fd57a2

#fd57a2
rgb(253,87,162)

#57a2fd

#57a2fd
rgb(87,162,253)

#a2fd57

#a2fd57
rgb(162,253,87)

Cores tetrádicas

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

#fd57f5

#fd57f5
rgb(253,87,245)

#57a2fd

#57a2fd
rgb(87,162,253)

#fdb357

#fdb357
rgb(253,179,87)

#57fd60

#57fd60
rgb(87,253,96)

Cores monocromáticas

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

#57a2fd

#57a2fd
rgb(87,162,253)

#c7dffd

#c7dffd
rgb(199,223,253)

#c4defd

#c4defd
rgb(196,222,253)

#c2ddfd

#c2ddfd
rgb(194,221,253)

#bfdbfd

#bfdbfd
rgb(191,219,253)

#bddafd

#bddafd
rgb(189,218,253)

Tons e Matizes de #57a2fd

É possível obter uma sombra adicionando preto a qualquer matiz puro, enquanto um matiz é criado misturando branco a qualquer cor pura.

Matiz (adicionando branco)
#57a2fd

#57a2fd
rgb(87,162,253)

#78b4fd

#78b4fd
rgb(120,180,253)

#9ac7fd

#9ac7fd
rgb(154,199,253)

#bbd9fe

#bbd9fe
rgb(187,217,254)

#ddecfe

#ddecfe
rgb(221,236,254)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#57a2fd

#57a2fd
rgb(87,162,253)

#4581ca

#4581ca
rgb(69,129,202)

#346197

#346197
rgb(52,97,151)

#224065

#224065
rgb(34,64,101)

#112032

#112032
rgb(17,32,50)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

Esta visualização mostra como a cor #57a2fd fica em um fundo branco.

Fundo preto

Esta visualização mostra como a cor #57a2fd fica em um fundo preto.

Fundo de cor #57a2fd

Esta visualização mostra como a cor branca fica em um fundo #57a2fd.

Esta visualização mostra como a cor preta fica em um fundo #57a2fd.

Contraste

Branco e #57a2fd
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 #57a2fd
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 #57a2fd

Este exemplo mostra como o texto na cor #57a2fd se parece.

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

Este parágrafo tem fundo de cor #57a2fd.

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

Este elemento tem uma cor de borda de #57a2fd.

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

Cores alietórias

#b8f340

#b8f340
rgb(184,243,64)

#a45332

#a45332
rgb(164,83,50)

#d6ee06

#d6ee06
rgb(214,238,6)

#7b361c

#7b361c
rgb(123,54,28)

#b7eba8

#b7eba8
rgb(183,235,168)

#54f14b

#54f14b
rgb(84,241,75)

#2567bf

#2567bf
rgb(37,103,191)

#8a95f7

#8a95f7
rgb(138,149,247)

#bf8516

#bf8516
rgb(191,133,22)

#d1a2c5

#d1a2c5
rgb(209,162,197)

#e48d86

#e48d86
rgb(228,141,134)

#79beee

#79beee
rgb(121,190,238)