Informação da cor #c7ffe3

A cor hexadecimal c7ffe3 no modelo de cores RGB (Red, Green, Blue), é um composta por 199 de vermelho, 255 de verde e 227 de azul.

No padrão de cores CMYK, é composto por 22% de ciano, 0% de magenta, 11% de amarelo e 0% de preto. Tem um ângulo de matiz de 150 graus, uma saturação de 100% e uma leveza de 89%.

A cor mais próxima WebSafe é 99FFCC.

Conversões de #c7ffe3 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 c7ffe3
RGB 199, 255, 227
RGB Percentagem 78%, 100%, 89%
CMYK 0.22, 0, 0.11, 0
HSL 150°, 100%, 89%
HSV (ou HSB) 150°, 22%, 100%
RYB 78, 92.9, 100
Formato Cor
XYZ 74.6, 89.9, 87.7
CIELab 95.96, -21.35, 6.95
Decimal 13107171
Yxy 89.2056, 0.2946, 0.3591
YUV 235.064, 123.4492, 102.2767
CIELuv 95.6663, -27.9833, 15.6798
Web Safe 99FFCC

Distribuição de #c7ffe3

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.

#c7ffe3

#c7ffe3
rgb(199,255,227)

#ffc7e3

#ffc7e3
rgb(255,199,227)

Cores triadicas

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

#e3c7ff

#e3c7ff
rgb(227,199,255)

#c7ffe3

#c7ffe3
rgb(199,255,227)

#ffe3c7

#ffe3c7
rgb(255,227,199)

Cores tetrádicas

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

#c7c7ff

#c7c7ff
rgb(199,199,255)

#c7ffe3

#c7ffe3
rgb(199,255,227)

#ffc7e3

#ffc7e3
rgb(255,199,227)

#ffffc7

#ffffc7
rgb(255,255,199)

Cores monocromáticas

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

#c7ffe3

#c7ffe3
rgb(199,255,227)

#c9ffe4

#c9ffe4
rgb(201,255,228)

#c7ffe3

#c7ffe3
rgb(199,255,227)

#c4ffe2

#c4ffe2
rgb(196,255,226)

#c2ffe1

#c2ffe1
rgb(194,255,225)

#bfffdf

#bfffdf
rgb(191,255,223)

Tons e Matizes de #c7ffe3

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

Matiz (adicionando branco)
#c7ffe3

#c7ffe3
rgb(199,255,227)

#d2ffe8

#d2ffe8
rgb(210,255,232)

#ddffee

#ddffee
rgb(221,255,238)

#e8fff3

#e8fff3
rgb(232,255,243)

#f3fff9

#f3fff9
rgb(243,255,249)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#c7ffe3

#c7ffe3
rgb(199,255,227)

#9fccb5

#9fccb5
rgb(159,204,181)

#779988

#779988
rgb(119,153,136)

#4f655a

#4f655a
rgb(79,101,90)

#27322d

#27322d
rgb(39,50,45)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #c7ffe3

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

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

Contraste

Branco e #c7ffe3
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 #c7ffe3
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 #c7ffe3

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

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

Este parágrafo tem fundo de cor #c7ffe3.

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

Este elemento tem uma cor de borda de #c7ffe3.

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

Cores alietórias

#96be5c

#96be5c
rgb(150,190,92)

#70078c

#70078c
rgb(112,7,140)

#9ca9b9

#9ca9b9
rgb(156,169,185)

#5ca38b

#5ca38b
rgb(92,163,139)

#9ea50d

#9ea50d
rgb(158,165,13)

#ba3017

#ba3017
rgb(186,48,23)

#86b45d

#86b45d
rgb(134,180,93)

#8fee2c

#8fee2c
rgb(143,238,44)

#36b3cc

#36b3cc
rgb(54,179,204)

#3ce0f5

#3ce0f5
rgb(60,224,245)

#7a85b4

#7a85b4
rgb(122,133,180)

#735c75

#735c75
rgb(115,92,117)