Informação da cor #03d9cf

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

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

A cor mais próxima WebSafe é 00CCCC.

Conversões de #03d9cf 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 03d9cf
RGB 3, 217, 207
RGB Percentagem 1.2%, 85.1%, 81.2%
CMYK 0.99, 0, 0.05, 0.15
HSL 177.2°, 97.3%, 43.1%
HSV (ou HSB) 177.2°, 98.6%, 85.1%
RYB 1.2, 44.3, 85.1
Formato Cor
XYZ 37.3, 55.9, 70.2
CIELab 79.54, -45.63, -8.06
Decimal 252367
Yxy 54.1452, 0.2288, 0.3431
YUV 151.874, 159.1095, 21.8131
CIELuv 78.5463, -61.6922, -4.7692
Web Safe 00CCCC

Distribuição de #03d9cf

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.

#03d9cf

#03d9cf
rgb(3,217,207)

#d9040e

#d9040e
rgb(217,4,14)

Cores triadicas

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

#cf04d9

#cf04d9
rgb(207,4,217)

#03d9cf

#03d9cf
rgb(3,217,207)

#d9cf04

#d9cf04
rgb(217,207,4)

Cores tetrádicas

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

#6404d9

#6404d9
rgb(100,4,217)

#03d9cf

#03d9cf
rgb(3,217,207)

#d9040e

#d9040e
rgb(217,4,14)

#79d904

#79d904
rgb(121,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.

#03d9cf

#03d9cf
rgb(3,217,207)

#aad9d7

#aad9d7
rgb(170,217,215)

#a8d9d7

#a8d9d7
rgb(168,217,215)

#a5d9d7

#a5d9d7
rgb(165,217,215)

#a3d9d7

#a3d9d7
rgb(163,217,215)

#a1d9d7

#a1d9d7
rgb(161,217,215)

Tons e Matizes de #03d9cf

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

Matiz (adicionando branco)
#03d9cf

#03d9cf
rgb(3,217,207)

#35e0d8

#35e0d8
rgb(53,224,216)

#67e8e2

#67e8e2
rgb(103,232,226)

#9aefeb

#9aefeb
rgb(154,239,235)

#ccf7f5

#ccf7f5
rgb(204,247,245)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#03d9cf

#03d9cf
rgb(3,217,207)

#02ada5

#02ada5
rgb(2,173,165)

#01827c

#01827c
rgb(1,130,124)

#015652

#015652
rgb(1,86,82)

#002b29

#002b29
rgb(0,43,41)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #03d9cf

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#f4483d

#f4483d
rgb(244,72,61)

#70268f

#70268f
rgb(112,38,143)

#81729d

#81729d
rgb(129,114,157)

#66ed91

#66ed91
rgb(102,237,145)

#6daea0

#6daea0
rgb(109,174,160)

#05df32

#05df32
rgb(5,223,50)

#b16405

#b16405
rgb(177,100,5)

#b655a8

#b655a8
rgb(182,85,168)

#954293

#954293
rgb(149,66,147)

#23cbda

#23cbda
rgb(35,203,218)

#007993

#007993
rgb(0,121,147)

#5666d4

#5666d4
rgb(86,102,212)