Informação da cor #083ef4

A cor hexadecimal 083ef4 no modelo de cores RGB (Red, Green, Blue), é um composta por 8 de vermelho, 62 de verde e 244 de azul.

No padrão de cores CMYK, é composto por 96.7% de ciano, 74.6% de magenta, 0% de amarelo e 4.3% de preto. Tem um ângulo de matiz de 226.3 graus, uma saturação de 93.7% e uma leveza de 49.4%.

A cor mais próxima WebSafe é 0033CC.

Conversões de #083ef4 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 083ef4
RGB 8, 62, 244
RGB Percentagem 3.1%, 24.3%, 95.7%
CMYK 0.97, 0.75, 0, 0.04
HSL 226.3°, 93.7%, 49.4%
HSV (ou HSB) 226.3°, 96.7%, 95.7%
RYB 3.1, 20.4, 95.7
Formato Cor
XYZ 18.8, 11.1, 87.5
CIELab 39.7, 51.13, -89.86
Decimal 540404
Yxy 10.0261, 0.1582, 0.0874
YUV 66.602, 228.1117, 86.2012
CIELuv 37.8891, -13.9506, -126.8827
Web Safe 0033CC

Distribuição de #083ef4

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.

#083ef4

#083ef4
rgb(8,62,244)

#f4be09

#f4be09
rgb(244,190,9)

Cores triadicas

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

#f4093f

#f4093f
rgb(244,9,63)

#083ef4

#083ef4
rgb(8,62,244)

#3ff409

#3ff409
rgb(63,244,9)

Cores tetrádicas

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

#f409b5

#f409b5
rgb(244,9,181)

#083ef4

#083ef4
rgb(8,62,244)

#f4be09

#f4be09
rgb(244,190,9)

#09f448

#09f448
rgb(9,244,72)

Cores monocromáticas

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

#083ef4

#083ef4
rgb(8,62,244)

#bfcbf4

#bfcbf4
rgb(191,203,244)

#bcc9f4

#bcc9f4
rgb(188,201,244)

#bac7f4

#bac7f4
rgb(186,199,244)

#b8c6f4

#b8c6f4
rgb(184,198,244)

#b5c4f4

#b5c4f4
rgb(181,196,244)

Tons e Matizes de #083ef4

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

Matiz (adicionando branco)
#083ef4

#083ef4
rgb(8,62,244)

#3964f6

#3964f6
rgb(57,100,246)

#6a8bf8

#6a8bf8
rgb(106,139,248)

#9cb1fa

#9cb1fa
rgb(156,177,250)

#cdd8fc

#cdd8fc
rgb(205,216,252)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#083ef4

#083ef4
rgb(8,62,244)

#0631c3

#0631c3
rgb(6,49,195)

#042592

#042592
rgb(4,37,146)

#031861

#031861
rgb(3,24,97)

#010c30

#010c30
rgb(1,12,48)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #083ef4

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

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

Contraste

Branco e #083ef4
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 #083ef4
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 #083ef4

Este exemplo mostra como o texto na cor #083ef4 se parece.

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

Este parágrafo tem fundo de cor #083ef4.

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

Este elemento tem uma cor de borda de #083ef4.

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

Cores alietórias

#418905

#418905
rgb(65,137,5)

#9bc23c

#9bc23c
rgb(155,194,60)

#3a5513

#3a5513
rgb(58,85,19)

#0d422b

#0d422b
rgb(13,66,43)

#afd09c

#afd09c
rgb(175,208,156)

#54ad9d

#54ad9d
rgb(84,173,157)

#9a4e15

#9a4e15
rgb(154,78,21)

#167e19

#167e19
rgb(22,126,25)

#8bbca5

#8bbca5
rgb(139,188,165)

#be8950

#be8950
rgb(190,137,80)

#61a301

#61a301
rgb(97,163,1)

#31aa07

#31aa07
rgb(49,170,7)