Informação da cor #145ecd

A cor hexadecimal 145ecd no modelo de cores RGB (Red, Green, Blue), é um composta por 20 de vermelho, 94 de verde e 205 de azul.

No padrão de cores CMYK, é composto por 90.2% de ciano, 54.1% de magenta, 0% de amarelo e 19.6% de preto. Tem um ângulo de matiz de 216 graus, uma saturação de 82.2% e uma leveza de 44.1%.

A cor mais próxima WebSafe é 0033CC.

Conversões de #145ecd 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 145ecd
RGB 20, 94, 205
RGB Percentagem 7.8%, 36.9%, 80.4%
CMYK 0.9, 0.54, 0, 0.2
HSL 216°, 82.2%, 44.1%
HSV (ou HSB) 216°, 90.2%, 80.4%
RYB 7.8, 28.6, 80.4
Formato Cor
XYZ 16.7, 14.4, 62.1
CIELab 44.84, 17.94, -60.95
Decimal 1334989
Yxy 12.5599, 0.1755, 0.144
YUV 84.528, 195.9865, 81.9744
CIELuv 42.0925, -20.5066, -94.2631
Web Safe 0033CC

Distribuição de #145ecd

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.

#145ecd

#145ecd
rgb(20,94,205)

#cd8314

#cd8314
rgb(205,131,20)

Cores triadicas

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

#cd145f

#cd145f
rgb(205,20,95)

#145ecd

#145ecd
rgb(20,94,205)

#5ecd14

#5ecd14
rgb(94,205,20)

Cores tetrádicas

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

#cd14bb

#cd14bb
rgb(205,20,187)

#145ecd

#145ecd
rgb(20,94,205)

#cd8314

#cd8314
rgb(205,131,20)

#14cd27

#14cd27
rgb(20,205,39)

Cores monocromáticas

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

#145ecd

#145ecd
rgb(20,94,205)

#a1b3cd

#a1b3cd
rgb(161,179,205)

#9fb1cd

#9fb1cd
rgb(159,177,205)

#9cb0cd

#9cb0cd
rgb(156,176,205)

#9aafcd

#9aafcd
rgb(154,175,205)

#98aecd

#98aecd
rgb(152,174,205)

Tons e Matizes de #145ecd

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

Matiz (adicionando branco)
#145ecd

#145ecd
rgb(20,94,205)

#437ed7

#437ed7
rgb(67,126,215)

#729ee1

#729ee1
rgb(114,158,225)

#a1beeb

#a1beeb
rgb(161,190,235)

#d0def5

#d0def5
rgb(208,222,245)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#145ecd

#145ecd
rgb(20,94,205)

#104ba4

#104ba4
rgb(16,75,164)

#0c387b

#0c387b
rgb(12,56,123)

#072551

#072551
rgb(7,37,81)

#031228

#031228
rgb(3,18,40)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #145ecd

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

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

Contraste

Branco e #145ecd
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.

Preto e #145ecd
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.

Exemplos CSS

Texto com cor hexadecimal #145ecd

Este exemplo mostra como o texto na cor #145ecd se parece.

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

Este parágrafo tem fundo de cor #145ecd.

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

Este elemento tem uma cor de borda de #145ecd.

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

Cores alietórias

#cbfc3d

#cbfc3d
rgb(203,252,61)

#9b5f8e

#9b5f8e
rgb(155,95,142)

#c873f7

#c873f7
rgb(200,115,247)

#ea0116

#ea0116
rgb(234,1,22)

#855c25

#855c25
rgb(133,92,37)

#7f5cc2

#7f5cc2
rgb(127,92,194)

#219bc9

#219bc9
rgb(33,155,201)

#4247f8

#4247f8
rgb(66,71,248)

#fbf99a

#fbf99a
rgb(251,249,154)

#ffb148

#ffb148
rgb(255,177,72)

#528806

#528806
rgb(82,136,6)

#02be26

#02be26
rgb(2,190,38)