Informação da cor #03db5c

A cor hexadecimal 03db5c no modelo de cores RGB (Red, Green, Blue), é um composta por 3 de vermelho, 219 de verde e 92 de azul.

No padrão de cores CMYK, é composto por 98.6% de ciano, 0% de magenta, 58% de amarelo e 14.1% de preto. Tem um ângulo de matiz de 144.7 graus, uma saturação de 97.3% e uma leveza de 43.5%.

A cor mais próxima WebSafe é 00CC33.

Conversões de #03db5c 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 03db5c
RGB 3, 219, 92
RGB Percentagem 1.2%, 85.9%, 36.1%
CMYK 0.99, 0, 0.58, 0.14
HSL 144.7°, 97.3%, 43.5%
HSV (ou HSB) 144.7°, 98.6%, 85.9%
RYB 1.2, 61.2, 85.9
Formato Cor
XYZ 28.4, 53.1, 21
CIELab 77.93, -70.46, 46.5
Decimal 252764
Yxy 51.4515, 0.2804, 0.5284
YUV 139.938, 100.947, 30.3266
CIELuv 76.9517, -70.1413, 73.3379
Web Safe 00CC33

Distribuição de #03db5c

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.

#03db5c

#03db5c
rgb(3,219,92)

#db0482

#db0482
rgb(219,4,130)

Cores triadicas

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

#5d04db

#5d04db
rgb(93,4,219)

#03db5c

#03db5c
rgb(3,219,92)

#db5d04

#db5d04
rgb(219,93,4)

Cores tetrádicas

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

#0416db

#0416db
rgb(4,22,219)

#03db5c

#03db5c
rgb(3,219,92)

#db0482

#db0482
rgb(219,4,130)

#dbc904

#dbc904
rgb(219,201,4)

Cores monocromáticas

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

#03db5c

#03db5c
rgb(3,219,92)

#abdbbf

#abdbbf
rgb(171,219,191)

#a9dbbe

#a9dbbe
rgb(169,219,190)

#a7dbbd

#a7dbbd
rgb(167,219,189)

#a5dbbb

#a5dbbb
rgb(165,219,187)

#a3dbba

#a3dbba
rgb(163,219,186)

Tons e Matizes de #03db5c

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

Matiz (adicionando branco)
#03db5c

#03db5c
rgb(3,219,92)

#35e27c

#35e27c
rgb(53,226,124)

#67e99d

#67e99d
rgb(103,233,157)

#9af0bd

#9af0bd
rgb(154,240,189)

#ccf7de

#ccf7de
rgb(204,247,222)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#03db5c

#03db5c
rgb(3,219,92)

#02af49

#02af49
rgb(2,175,73)

#018337

#018337
rgb(1,131,55)

#015724

#015724
rgb(1,87,36)

#002b12

#002b12
rgb(0,43,18)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #03db5c

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

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

Contraste

Branco e #03db5c
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 #03db5c
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 #03db5c

Este exemplo mostra como o texto na cor #03db5c se parece.

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

Este parágrafo tem fundo de cor #03db5c.

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

Este elemento tem uma cor de borda de #03db5c.

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

Cores alietórias

#a044b4

#a044b4
rgb(160,68,180)

#ca2b82

#ca2b82
rgb(202,43,130)

#4e6f57

#4e6f57
rgb(78,111,87)

#420167

#420167
rgb(66,1,103)

#b933a4

#b933a4
rgb(185,51,164)

#897c89

#897c89
rgb(137,124,137)

#cd72a6

#cd72a6
rgb(205,114,166)

#d4b658

#d4b658
rgb(212,182,88)

#bd0f43

#bd0f43
rgb(189,15,67)

#29a2ae

#29a2ae
rgb(41,162,174)

#9f7c49

#9f7c49
rgb(159,124,73)

#cfb635

#cfb635
rgb(207,182,53)