Informação da cor #3dc5f2

A cor hexadecimal 3dc5f2 no modelo de cores RGB (Red, Green, Blue), é um composta por 61 de vermelho, 197 de verde e 242 de azul.

No padrão de cores CMYK, é composto por 74.8% de ciano, 18.6% de magenta, 0% de amarelo e 5.1% de preto. Tem um ângulo de matiz de 194.9 graus, uma saturação de 87.4% e uma leveza de 59.4%.

A cor mais próxima WebSafe é 3399CC.

Conversões de #3dc5f2 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 3dc5f2
RGB 61, 197, 242
RGB Percentagem 23.9%, 77.3%, 94.9%
CMYK 0.75, 0.19, 0, 0.05
HSL 194.9°, 87.4%, 59.4%
HSV (ou HSB) 194.9°, 74.8%, 94.9%
RYB 23.9, 54.5, 94.9
Formato Cor
XYZ 39.6, 49.7, 92.3
CIELab 75.87, -22.45, -30.9
Decimal 4048370
Yxy 47.3309, 0.215, 0.2684
YUV 161.466, 173.4481, 56.341
CIELuv 74.4009, -47.7325, -49.5422
Web Safe 3399CC

Distribuição de #3dc5f2

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.

#3dc5f2

#3dc5f2
rgb(61,197,242)

#f26b3d

#f26b3d
rgb(242,107,61)

Cores triadicas

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

#f23dc5

#f23dc5
rgb(242,61,197)

#3dc5f2

#3dc5f2
rgb(61,197,242)

#c5f23d

#c5f23d
rgb(197,242,61)

Cores tetrádicas

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

#c53df2

#c53df2
rgb(197,61,242)

#3dc5f2

#3dc5f2
rgb(61,197,242)

#f26b3d

#f26b3d
rgb(242,107,61)

#6bf23d

#6bf23d
rgb(107,242,61)

Cores monocromáticas

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

#3dc5f2

#3dc5f2
rgb(61,197,242)

#bee5f2

#bee5f2
rgb(190,229,242)

#bbe5f2

#bbe5f2
rgb(187,229,242)

#b9e4f2

#b9e4f2
rgb(185,228,242)

#b7e4f2

#b7e4f2
rgb(183,228,242)

#b4e3f2

#b4e3f2
rgb(180,227,242)

Tons e Matizes de #3dc5f2

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

Matiz (adicionando branco)
#3dc5f2

#3dc5f2
rgb(61,197,242)

#63d0f4

#63d0f4
rgb(99,208,244)

#8adcf7

#8adcf7
rgb(138,220,247)

#b1e7f9

#b1e7f9
rgb(177,231,249)

#d8f3fc

#d8f3fc
rgb(216,243,252)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#3dc5f2

#3dc5f2
rgb(61,197,242)

#309dc1

#309dc1
rgb(48,157,193)

#247691

#247691
rgb(36,118,145)

#184e60

#184e60
rgb(24,78,96)

#0c2730

#0c2730
rgb(12,39,48)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #3dc5f2

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

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

Contraste

Branco e #3dc5f2
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 #3dc5f2
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 #3dc5f2

Este exemplo mostra como o texto na cor #3dc5f2 se parece.

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

Este parágrafo tem fundo de cor #3dc5f2.

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

Este elemento tem uma cor de borda de #3dc5f2.

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

Cores alietórias

#052084

#052084
rgb(5,32,132)

#ea0429

#ea0429
rgb(234,4,41)

#caec0e

#caec0e
rgb(202,236,14)

#a91759

#a91759
rgb(169,23,89)

#a58e0b

#a58e0b
rgb(165,142,11)

#545215

#545215
rgb(84,82,21)

#c6dc9a

#c6dc9a
rgb(198,220,154)

#805137

#805137
rgb(128,81,55)

#b3b21b

#b3b21b
rgb(179,178,27)

#2dc5a1

#2dc5a1
rgb(45,197,161)

#93be69

#93be69
rgb(147,190,105)

#f3fb87

#f3fb87
rgb(243,251,135)