Informação da cor #0abd44

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

No padrão de cores CMYK, é composto por 94.7% de ciano, 0% de magenta, 64% de amarelo e 25.9% de preto. Tem um ângulo de matiz de 139.4 graus, uma saturação de 90% e uma leveza de 39%.

A cor mais próxima WebSafe é 009933.

Conversões de #0abd44 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 0abd44
RGB 10, 189, 68
RGB Percentagem 3.9%, 74.1%, 26.7%
CMYK 0.95, 0, 0.64, 0.26
HSL 139.4°, 90%, 39%
HSV (ou HSB) 139.4°, 94.7%, 74.1%
RYB 3.9, 57.3, 74.1
Formato Cor
XYZ 20.7, 39.1, 13.4
CIELab 68.82, -64.79, 46.79
Decimal 703812
Yxy 36.8745, 0.2856, 0.5438
YUV 121.685, 97.7037, 48.3388
CIELuv 67.1828, -61.3707, 68.3366
Web Safe 009933

Distribuição de #0abd44

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.

#0abd44

#0abd44
rgb(10,189,68)

#bd0a83

#bd0a83
rgb(189,10,131)

Cores triadicas

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

#450abd

#450abd
rgb(69,10,189)

#0abd44

#0abd44
rgb(10,189,68)

#bd450a

#bd450a
rgb(189,69,10)

Cores tetrádicas

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

#0a2abd

#0a2abd
rgb(10,42,189)

#0abd44

#0abd44
rgb(10,189,68)

#bd0a83

#bd0a83
rgb(189,10,131)

#bd9e0a

#bd9e0a
rgb(189,158,10)

Cores monocromáticas

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

#0abd44

#0abd44
rgb(10,189,68)

#94bda1

#94bda1
rgb(148,189,161)

#92bda0

#92bda0
rgb(146,189,160)

#90bd9f

#90bd9f
rgb(144,189,159)

#8ebd9e

#8ebd9e
rgb(142,189,158)

#8cbd9c

#8cbd9c
rgb(140,189,156)

Tons e Matizes de #0abd44

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

Matiz (adicionando branco)
#0abd44

#0abd44
rgb(10,189,68)

#3bca69

#3bca69
rgb(59,202,105)

#6cd78e

#6cd78e
rgb(108,215,142)

#9de4b4

#9de4b4
rgb(157,228,180)

#cef1d9

#cef1d9
rgb(206,241,217)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#0abd44

#0abd44
rgb(10,189,68)

#089736

#089736
rgb(8,151,54)

#067128

#067128
rgb(6,113,40)

#034b1b

#034b1b
rgb(3,75,27)

#01250d

#01250d
rgb(1,37,13)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #0abd44

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#c5530d

#c5530d
rgb(197,83,13)

#aea350

#aea350
rgb(174,163,80)

#e2d416

#e2d416
rgb(226,212,22)

#62c0c3

#62c0c3
rgb(98,192,195)

#ca7ce0

#ca7ce0
rgb(202,124,224)

#d5898f

#d5898f
rgb(213,137,143)

#9ff883

#9ff883
rgb(159,248,131)

#b44181

#b44181
rgb(180,65,129)

#8cfdf7

#8cfdf7
rgb(140,253,247)

#354e3f

#354e3f
rgb(53,78,63)

#61ae1d

#61ae1d
rgb(97,174,29)

#2905f9

#2905f9
rgb(41,5,249)