Informação da cor #629ab8

A cor hexadecimal 629ab8 no modelo de cores RGB (Red, Green, Blue), é um composta por 98 de vermelho, 154 de verde e 184 de azul.

No padrão de cores CMYK, é composto por 46.7% de ciano, 16.3% de magenta, 0% de amarelo e 27.8% de preto. Tem um ângulo de matiz de 200.9 graus, uma saturação de 37.7% e uma leveza de 55.3%.

A cor mais próxima WebSafe é 339999.

Conversões de #629ab8 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 629ab8
RGB 98, 154, 184
RGB Percentagem 38.4%, 60.4%, 72.2%
CMYK 0.47, 0.16, 0, 0.28
HSL 200.9°, 37.7%, 55.3%
HSV (ou HSB) 200.9°, 46.7%, 72.2%
RYB 38.4, 51.8, 72.2
Formato Cor
XYZ 27.9, 32.2, 53
CIELab 63.48, -10.31, -20.24
Decimal 6462136
Yxy 29.1667, 0.2426, 0.2803
YUV 140.676, 152.4492, 97.5606
CIELuv 60.9285, -25.9572, -31.0272
Web Safe 339999

Distribuição de #629ab8

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.

#629ab8

#629ab8
rgb(98,154,184)

#b88062

#b88062
rgb(184,128,98)

Cores triadicas

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

#b8629b

#b8629b
rgb(184,98,155)

#629ab8

#629ab8
rgb(98,154,184)

#9bb862

#9bb862
rgb(155,184,98)

Cores tetrádicas

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

#ab62b8

#ab62b8
rgb(171,98,184)

#629ab8

#629ab8
rgb(98,154,184)

#b88062

#b88062
rgb(184,128,98)

#70b862

#70b862
rgb(112,184,98)

Cores monocromáticas

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

#629ab8

#629ab8
rgb(98,154,184)

#91abb8

#91abb8
rgb(145,171,184)

#8faab8

#8faab8
rgb(143,170,184)

#8da9b8

#8da9b8
rgb(141,169,184)

#8ba9b8

#8ba9b8
rgb(139,169,184)

#8aa8b8

#8aa8b8
rgb(138,168,184)

Tons e Matizes de #629ab8

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

Matiz (adicionando branco)
#629ab8

#629ab8
rgb(98,154,184)

#81aec6

#81aec6
rgb(129,174,198)

#a0c2d4

#a0c2d4
rgb(160,194,212)

#c0d6e2

#c0d6e2
rgb(192,214,226)

#dfeaf0

#dfeaf0
rgb(223,234,240)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#629ab8

#629ab8
rgb(98,154,184)

#4e7b93

#4e7b93
rgb(78,123,147)

#3a5c6e

#3a5c6e
rgb(58,92,110)

#273d49

#273d49
rgb(39,61,73)

#131e24

#131e24
rgb(19,30,36)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #629ab8

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

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

Contraste

Branco e #629ab8
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.

Preto e #629ab8
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 #629ab8

Este exemplo mostra como o texto na cor #629ab8 se parece.

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

Este parágrafo tem fundo de cor #629ab8.

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

Este elemento tem uma cor de borda de #629ab8.

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

Cores alietórias

#924480

#924480
rgb(146,68,128)

#b55563

#b55563
rgb(181,85,99)

#39d9cc

#39d9cc
rgb(57,217,204)

#6d3cc5

#6d3cc5
rgb(109,60,197)

#3b00c4

#3b00c4
rgb(59,0,196)

#a75ce3

#a75ce3
rgb(167,92,227)

#412948

#412948
rgb(65,41,72)

#0178af

#0178af
rgb(1,120,175)

#b85b57

#b85b57
rgb(184,91,87)

#f73cf3

#f73cf3
rgb(247,60,243)

#0d2154

#0d2154
rgb(13,33,84)

#f63ccc

#f63ccc
rgb(246,60,204)