Informação da cor #4237df

A cor hexadecimal 4237df no modelo de cores RGB (Red, Green, Blue), é um composta por 66 de vermelho, 55 de verde e 223 de azul.

No padrão de cores CMYK, é composto por 70.4% de ciano, 75.3% de magenta, 0% de amarelo e 12.5% de preto. Tem um ângulo de matiz de 243.9 graus, uma saturação de 72.4% e uma leveza de 54.5%.

A cor mais próxima WebSafe é 3333CC.

Conversões de #4237df 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 4237df
RGB 66, 55, 223
RGB Percentagem 25.9%, 21.6%, 87.5%
CMYK 0.7, 0.75, 0, 0.13
HSL 243.9°, 72.4%, 54.5%
HSV (ou HSB) 243.9°, 75.3%, 87.5%
RYB 25.9, 21.6, 87.5
Formato Cor
XYZ 18.3, 10.5, 72.7
CIELab 38.77, 52.72, -80.34
Decimal 4339679
Yxy 9.2167, 0.1748, 0.0952
YUV 77.441, 210.1439, 119.8396
CIELuv 36.3982, -6.3675, -114.7248
Web Safe 3333CC

Distribuição de #4237df

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.

#4237df

#4237df
rgb(66,55,223)

#d4df38

#d4df38
rgb(212,223,56)

Cores triadicas

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

#df4338

#df4338
rgb(223,67,56)

#4237df

#4237df
rgb(66,55,223)

#38df43

#38df43
rgb(56,223,67)

Cores tetrádicas

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

#df3880

#df3880
rgb(223,56,128)

#4237df

#4237df
rgb(66,55,223)

#d4df38

#d4df38
rgb(212,223,56)

#38df97

#38df97
rgb(56,223,151)

Cores monocromáticas

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

#4237df

#4237df
rgb(66,55,223)

#b2afdf

#b2afdf
rgb(178,175,223)

#b0addf

#b0addf
rgb(176,173,223)

#aeabdf

#aeabdf
rgb(174,171,223)

#aca8df

#aca8df
rgb(172,168,223)

#aaa6df

#aaa6df
rgb(170,166,223)

Tons e Matizes de #4237df

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

Matiz (adicionando branco)
#4237df

#4237df
rgb(66,55,223)

#675fe5

#675fe5
rgb(103,95,229)

#8d87eb

#8d87eb
rgb(141,135,235)

#b3aff2

#b3aff2
rgb(179,175,242)

#d9d7f8

#d9d7f8
rgb(217,215,248)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#4237df

#4237df
rgb(66,55,223)

#342cb2

#342cb2
rgb(52,44,178)

#272185

#272185
rgb(39,33,133)

#1a1559

#1a1559
rgb(26,21,89)

#0d0a2c

#0d0a2c
rgb(13,10,44)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #4237df

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

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

Contraste

Branco e #4237df
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.

Preto e #4237df
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 #4237df

Este exemplo mostra como o texto na cor #4237df se parece.

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

Este parágrafo tem fundo de cor #4237df.

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

Este elemento tem uma cor de borda de #4237df.

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

Cores alietórias

#94c128

#94c128
rgb(148,193,40)

#fa8345

#fa8345
rgb(250,131,69)

#b84d91

#b84d91
rgb(184,77,145)

#44ec73

#44ec73
rgb(68,236,115)

#995acc

#995acc
rgb(153,90,204)

#2592d9

#2592d9
rgb(37,146,217)

#23e53f

#23e53f
rgb(35,229,63)

#f2f7b9

#f2f7b9
rgb(242,247,185)

#a79f54

#a79f54
rgb(167,159,84)

#d11592

#d11592
rgb(209,21,146)

#805910

#805910
rgb(128,89,16)

#918200

#918200
rgb(145,130,0)