Informação da cor #03d974

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

No padrão de cores CMYK, é composto por 98.6% de ciano, 0% de magenta, 46.5% de amarelo e 14.9% de preto. Tem um ângulo de matiz de 151.7 graus, uma saturação de 97.3% e uma leveza de 43.1%.

A cor mais próxima WebSafe é 00CC66.

Conversões de #03d974 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 03d974
RGB 3, 217, 116
RGB Percentagem 1.2%, 85.1%, 45.5%
CMYK 0.99, 0, 0.47, 0.15
HSL 151.7°, 97.3%, 43.1%
HSV (ou HSB) 151.7°, 98.6%, 85.1%
RYB 1.2, 56.5, 85.1
Formato Cor
XYZ 29.3, 52.6, 27.7
CIELab 77.66, -66.09, 34.72
Decimal 252276
Yxy 50.9023, 0.2698, 0.4905
YUV 141.5, 113.6095, 29.2125
CIELuv 76.6198, -68.2602, 60.3461
Web Safe 00CC66

Distribuição de #03d974

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.

#03d974

#03d974
rgb(3,217,116)

#d90469

#d90469
rgb(217,4,105)

Cores triadicas

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

#7404d9

#7404d9
rgb(116,4,217)

#03d974

#03d974
rgb(3,217,116)

#d97404

#d97404
rgb(217,116,4)

Cores tetrádicas

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

#0904d9

#0904d9
rgb(9,4,217)

#03d974

#03d974
rgb(3,217,116)

#d90469

#d90469
rgb(217,4,105)

#d4d904

#d4d904
rgb(212,217,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.

#03d974

#03d974
rgb(3,217,116)

#aad9c3

#aad9c3
rgb(170,217,195)

#a8d9c2

#a8d9c2
rgb(168,217,194)

#a5d9c1

#a5d9c1
rgb(165,217,193)

#a3d9c0

#a3d9c0
rgb(163,217,192)

#a1d9bf

#a1d9bf
rgb(161,217,191)

Tons e Matizes de #03d974

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

Matiz (adicionando branco)
#03d974

#03d974
rgb(3,217,116)

#35e08f

#35e08f
rgb(53,224,143)

#67e8ab

#67e8ab
rgb(103,232,171)

#9aefc7

#9aefc7
rgb(154,239,199)

#ccf7e3

#ccf7e3
rgb(204,247,227)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#03d974

#03d974
rgb(3,217,116)

#02ad5c

#02ad5c
rgb(2,173,92)

#018245

#018245
rgb(1,130,69)

#01562e

#01562e
rgb(1,86,46)

#002b17

#002b17
rgb(0,43,23)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #03d974

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#7808f6

#7808f6
rgb(120,8,246)

#c1ee85

#c1ee85
rgb(193,238,133)

#dc5774

#dc5774
rgb(220,87,116)

#9a486d

#9a486d
rgb(154,72,109)

#3f1285

#3f1285
rgb(63,18,133)

#5bfe08

#5bfe08
rgb(91,254,8)

#792435

#792435
rgb(121,36,53)

#fd36be

#fd36be
rgb(253,54,190)

#d7205f

#d7205f
rgb(215,32,95)

#3c19ba

#3c19ba
rgb(60,25,186)

#1f8158

#1f8158
rgb(31,129,88)

#cca22a

#cca22a
rgb(204,162,42)