Informação da cor #452cfe

A cor hexadecimal 452cfe no modelo de cores RGB (Red, Green, Blue), é um composta por 69 de vermelho, 44 de verde e 254 de azul.

No padrão de cores CMYK, é composto por 72.8% de ciano, 82.7% de magenta, 0% de amarelo e 0.4% de preto. Tem um ângulo de matiz de 247.1 graus, uma saturação de 99.1% e uma leveza de 58.4%.

A cor mais próxima WebSafe é 3300CC.

Conversões de #452cfe 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 452cfe
RGB 69, 44, 254
RGB Percentagem 27.1%, 17.3%, 99.6%
CMYK 0.73, 0.83, 0, 0
HSL 247.1°, 99.1%, 58.4%
HSV (ou HSB) 247.1°, 82.7%, 99.6%
RYB 27.1, 17.3, 99.6
Formato Cor
XYZ 22.2, 11.2, 94.8
CIELab 39.93, 66.98, -94.55
Decimal 4533502
Yxy 10.2202, 0.1685, 0.0811
YUV 75.415, 228.7816, 123.4245
CIELuv 38.2347, -6.208, -133.0372
Web Safe 3300CC

Distribuição de #452cfe

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.

#452cfe

#452cfe
rgb(69,44,254)

#e6fe2d

#e6fe2d
rgb(230,254,45)

Cores triadicas

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

#fe452d

#fe452d
rgb(254,69,45)

#452cfe

#452cfe
rgb(69,44,254)

#2dfe45

#2dfe45
rgb(45,254,69)

Cores tetrádicas

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

#fe2d7d

#fe2d7d
rgb(254,45,125)

#452cfe

#452cfe
rgb(69,44,254)

#e6fe2d

#e6fe2d
rgb(230,254,45)

#2dfeae

#2dfeae
rgb(45,254,174)

Cores monocromáticas

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

#452cfe

#452cfe
rgb(69,44,254)

#cec7fe

#cec7fe
rgb(206,199,254)

#cbc5fe

#cbc5fe
rgb(203,197,254)

#c9c2fe

#c9c2fe
rgb(201,194,254)

#c7bffe

#c7bffe
rgb(199,191,254)

#c5bdfe

#c5bdfe
rgb(197,189,254)

Tons e Matizes de #452cfe

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

Matiz (adicionando branco)
#452cfe

#452cfe
rgb(69,44,254)

#6a56fe

#6a56fe
rgb(106,86,254)

#8f80fe

#8f80fe
rgb(143,128,254)

#b4aafe

#b4aafe
rgb(180,170,254)

#d9d4fe

#d9d4fe
rgb(217,212,254)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#452cfe

#452cfe
rgb(69,44,254)

#3723cb

#3723cb
rgb(55,35,203)

#291a98

#291a98
rgb(41,26,152)

#1b1165

#1b1165
rgb(27,17,101)

#0d0832

#0d0832
rgb(13,8,50)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #452cfe

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

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

Contraste

Branco e #452cfe
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 #452cfe
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.

Exemplos CSS

Texto com cor hexadecimal #452cfe

Este exemplo mostra como o texto na cor #452cfe se parece.

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

Este parágrafo tem fundo de cor #452cfe.

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

Este elemento tem uma cor de borda de #452cfe.

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

Cores alietórias

#83590f

#83590f
rgb(131,89,15)

#6e95df

#6e95df
rgb(110,149,223)

#706c77

#706c77
rgb(112,108,119)

#9c034f

#9c034f
rgb(156,3,79)

#4b6a52

#4b6a52
rgb(75,106,82)

#8ffb06

#8ffb06
rgb(143,251,6)

#960e16

#960e16
rgb(150,14,22)

#1e2401

#1e2401
rgb(30,36,1)

#3aea86

#3aea86
rgb(58,234,134)

#a030bc

#a030bc
rgb(160,48,188)

#464db1

#464db1
rgb(70,77,177)

#d7cd13

#d7cd13
rgb(215,205,19)