Informação da cor #0abad5

A cor hexadecimal 0abad5 no modelo de cores RGB (Red, Green, Blue), é um composta por 10 de vermelho, 186 de verde e 213 de azul.

No padrão de cores CMYK, é composto por 95.3% de ciano, 12.7% de magenta, 0% de amarelo e 16.5% de preto. Tem um ângulo de matiz de 188 graus, uma saturação de 91% e uma leveza de 43.7%.

A cor mais próxima WebSafe é 0099CC.

Conversões de #0abad5 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 0abad5
RGB 10, 186, 213
RGB Percentagem 3.9%, 72.9%, 83.5%
CMYK 0.95, 0.13, 0, 0.16
HSL 188°, 91%, 43.7%
HSV (ou HSB) 188°, 95.3%, 83.5%
RYB 3.9, 41.2, 83.5
Formato Cor
XYZ 31.2, 42.3, 71.7
CIELab 71.08, -30.48, -23.82
Decimal 703189
Yxy 39.9824, 0.214, 0.2881
YUV 136.454, 171.1975, 37.8046
CIELuv 69.457, -50.4794, -34.5482
Web Safe 0099CC

Distribuição de #0abad5

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.

#0abad5

#0abad5
rgb(10,186,213)

#d5260b

#d5260b
rgb(213,38,11)

Cores triadicas

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

#d50bba

#d50bba
rgb(213,11,186)

#0abad5

#0abad5
rgb(10,186,213)

#bad50b

#bad50b
rgb(186,213,11)

Cores tetrádicas

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

#8b0bd5

#8b0bd5
rgb(139,11,213)

#0abad5

#0abad5
rgb(10,186,213)

#d5260b

#d5260b
rgb(213,38,11)

#55d50b

#55d50b
rgb(85,213,11)

Cores monocromáticas

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

#0abad5

#0abad5
rgb(10,186,213)

#a7cfd5

#a7cfd5
rgb(167,207,213)

#a5cfd5

#a5cfd5
rgb(165,207,213)

#a2cfd5

#a2cfd5
rgb(162,207,213)

#a0ced5

#a0ced5
rgb(160,206,213)

#9eced5

#9eced5
rgb(158,206,213)

Tons e Matizes de #0abad5

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

Matiz (adicionando branco)
#0abad5

#0abad5
rgb(10,186,213)

#3bc7dd

#3bc7dd
rgb(59,199,221)

#6cd5e5

#6cd5e5
rgb(108,213,229)

#9de3ee

#9de3ee
rgb(157,227,238)

#cef1f6

#cef1f6
rgb(206,241,246)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#0abad5

#0abad5
rgb(10,186,213)

#0894aa

#0894aa
rgb(8,148,170)

#066f7f

#066f7f
rgb(6,111,127)

#034a55

#034a55
rgb(3,74,85)

#01252a

#01252a
rgb(1,37,42)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #0abad5

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

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

Contraste

Branco e #0abad5
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 #0abad5
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.

Exemplos CSS

Texto com cor hexadecimal #0abad5

Este exemplo mostra como o texto na cor #0abad5 se parece.

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

Este parágrafo tem fundo de cor #0abad5.

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

Este elemento tem uma cor de borda de #0abad5.

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

Cores alietórias

#04be31

#04be31
rgb(4,190,49)

#a9ddb7

#a9ddb7
rgb(169,221,183)

#776f0e

#776f0e
rgb(119,111,14)

#493b10

#493b10
rgb(73,59,16)

#60d0ec

#60d0ec
rgb(96,208,236)

#a79a9c

#a79a9c
rgb(167,154,156)

#768db4

#768db4
rgb(118,141,180)

#7dcaee

#7dcaee
rgb(125,202,238)

#5af18d

#5af18d
rgb(90,241,141)

#269449

#269449
rgb(38,148,73)

#0ce77f

#0ce77f
rgb(12,231,127)

#f80395

#f80395
rgb(248,3,149)