Informação da cor #03e9bf

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

No padrão de cores CMYK, é composto por 98.7% de ciano, 0% de magenta, 18% de amarelo e 8.6% de preto. Tem um ângulo de matiz de 169 graus, uma saturação de 97.5% e uma leveza de 46.3%.

A cor mais próxima WebSafe é 00CC99.

Conversões de #03e9bf 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 03e9bf
RGB 3, 233, 191
RGB Percentagem 1.2%, 91.4%, 74.9%
CMYK 0.99, 0, 0.18, 0.09
HSL 169°, 97.5%, 46.3%
HSV (ou HSB) 169°, 98.7%, 91.4%
RYB 1.2, 51, 91.4
Formato Cor
XYZ 39.6, 63.3, 62.2
CIELab 83.59, -55.79, 5.79
Decimal 256447
Yxy 62.0536, 0.2413, 0.3882
YUV 159.442, 145.8093, 16.4151
CIELuv 82.9419, -68.2748, 19.9996
Web Safe 00CC99

Distribuição de #03e9bf

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.

#03e9bf

#03e9bf
rgb(3,233,191)

#e9042d

#e9042d
rgb(233,4,45)

Cores triadicas

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

#c004e9

#c004e9
rgb(192,4,233)

#03e9bf

#03e9bf
rgb(3,233,191)

#e9c004

#e9c004
rgb(233,192,4)

Cores tetrádicas

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

#4d04e9

#4d04e9
rgb(77,4,233)

#03e9bf

#03e9bf
rgb(3,233,191)

#e9042d

#e9042d
rgb(233,4,45)

#a0e904

#a0e904
rgb(160,233,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.

#03e9bf

#03e9bf
rgb(3,233,191)

#b6e9e0

#b6e9e0
rgb(182,233,224)

#b4e9e0

#b4e9e0
rgb(180,233,224)

#b2e9df

#b2e9df
rgb(178,233,223)

#afe9df

#afe9df
rgb(175,233,223)

#ade9de

#ade9de
rgb(173,233,222)

Tons e Matizes de #03e9bf

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

Matiz (adicionando branco)
#03e9bf

#03e9bf
rgb(3,233,191)

#35edcb

#35edcb
rgb(53,237,203)

#67f1d8

#67f1d8
rgb(103,241,216)

#9af6e5

#9af6e5
rgb(154,246,229)

#ccfaf2

#ccfaf2
rgb(204,250,242)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#03e9bf

#03e9bf
rgb(3,233,191)

#02ba98

#02ba98
rgb(2,186,152)

#018b72

#018b72
rgb(1,139,114)

#015d4c

#015d4c
rgb(1,93,76)

#002e26

#002e26
rgb(0,46,38)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #03e9bf

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#edac72

#edac72
rgb(237,172,114)

#405ca4

#405ca4
rgb(64,92,164)

#8aa4bc

#8aa4bc
rgb(138,164,188)

#ce2cda

#ce2cda
rgb(206,44,218)

#ea9fb4

#ea9fb4
rgb(234,159,180)

#1854d5

#1854d5
rgb(24,84,213)

#0c978a

#0c978a
rgb(12,151,138)

#c94b6f

#c94b6f
rgb(201,75,111)

#667ac0

#667ac0
rgb(102,122,192)

#8d5788

#8d5788
rgb(141,87,136)

#250e5c

#250e5c
rgb(37,14,92)

#d032e9

#d032e9
rgb(208,50,233)