Informação da cor #007dfc

A cor hexadecimal 007dfc no modelo de cores RGB (Red, Green, Blue), é um composta por 0 de vermelho, 125 de verde e 252 de azul.

No padrão de cores CMYK, é composto por 100% de ciano, 50.4% de magenta, 0% de amarelo e 1.2% de preto. Tem um ângulo de matiz de 210.2 graus, uma saturação de 100% e uma leveza de 49.4%.

A cor mais próxima WebSafe é 0066CC.

Conversões de #007dfc 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 007dfc
RGB 0, 125, 252
RGB Percentagem 0%, 49%, 98.8%
CMYK 1, 0.5, 0, 0.01
HSL 210.2°, 100%, 49.4%
HSV (ou HSB) 210.2°, 100%, 98.8%
RYB 0, 32.9, 98.8
Formato Cor
XYZ 26, 23.8, 95.5
CIELab 55.87, 14.71, -67.54
Decimal 32252
Yxy 21.6921, 0.1759, 0.1533
YUV 102.103, 212.592, 55.1734
CIELuv 53.6988, -28.647, -112.3592
Web Safe 0066CC

Distribuição de #007dfc

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.

#007dfc

#007dfc
rgb(0,125,252)

#fc8000

#fc8000
rgb(252,128,0)

Cores triadicas

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

#fc007d

#fc007d
rgb(252,0,125)

#007dfc

#007dfc
rgb(0,125,252)

#7dfc00

#7dfc00
rgb(125,252,0)

Cores tetrádicas

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

#fc00fb

#fc00fb
rgb(252,0,251)

#007dfc

#007dfc
rgb(0,125,252)

#fc8000

#fc8000
rgb(252,128,0)

#00fc02

#00fc02
rgb(0,252,2)

Cores monocromáticas

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

#007dfc

#007dfc
rgb(0,125,252)

#c5e1fc

#c5e1fc
rgb(197,225,252)

#c3dffc

#c3dffc
rgb(195,223,252)

#c0defc

#c0defc
rgb(192,222,252)

#bdddfc

#bdddfc
rgb(189,221,252)

#bbdbfc

#bbdbfc
rgb(187,219,252)

Tons e Matizes de #007dfc

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

Matiz (adicionando branco)
#007dfc

#007dfc
rgb(0,125,252)

#3397fc

#3397fc
rgb(51,151,252)

#66b1fd

#66b1fd
rgb(102,177,253)

#99cbfd

#99cbfd
rgb(153,203,253)

#cce5fe

#cce5fe
rgb(204,229,254)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#007dfc

#007dfc
rgb(0,125,252)

#0064c9

#0064c9
rgb(0,100,201)

#004b97

#004b97
rgb(0,75,151)

#003164

#003164
rgb(0,49,100)

#001832

#001832
rgb(0,24,50)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #007dfc

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

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

Contraste

Branco e #007dfc
Texto grande WCAG AA ✓ 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 #007dfc
Texto grande WCAG AA ✓ Conforme
Qualquer texto WCAG AA ✓ Conforme
Texto grande WCAG AAA ✓ Conforme
Qualquer texto WCAG AAA X Não conforme

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

Exemplos CSS

Texto com cor hexadecimal #007dfc

Este exemplo mostra como o texto na cor #007dfc se parece.

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

Este parágrafo tem fundo de cor #007dfc.

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

Este elemento tem uma cor de borda de #007dfc.

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

Cores alietórias

#80d13c

#80d13c
rgb(128,209,60)

#0da49e

#0da49e
rgb(13,164,158)

#229fe0

#229fe0
rgb(34,159,224)

#306a1f

#306a1f
rgb(48,106,31)

#9379c7

#9379c7
rgb(147,121,199)

#9cdcf2

#9cdcf2
rgb(156,220,242)

#267e94

#267e94
rgb(38,126,148)

#102b9c

#102b9c
rgb(16,43,156)

#d8e81a

#d8e81a
rgb(216,232,26)

#2002e3

#2002e3
rgb(32,2,227)

#ee95b0

#ee95b0
rgb(238,149,176)

#7f98a0

#7f98a0
rgb(127,152,160)