Informação da cor #cccef7

A cor hexadecimal cccef7 no modelo de cores RGB (Red, Green, Blue), é um composta por 204 de vermelho, 206 de verde e 247 de azul.

No padrão de cores CMYK, é composto por 17.4% de ciano, 16.6% de magenta, 0% de amarelo e 3.1% de preto. Tem um ângulo de matiz de 237.2 graus, uma saturação de 72.9% e uma leveza de 88.4%.

A cor mais próxima WebSafe é CCCCCC.

Conversões de #cccef7 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 cccef7
RGB 204, 206, 247
RGB Percentagem 80%, 80.8%, 96.9%
CMYK 0.17, 0.17, 0, 0.03
HSL 237.2°, 72.9%, 88.4%
HSV (ou HSB) 237.2°, 17.4%, 96.9%
RYB 80, 80.8, 96.9
Formato Cor
XYZ 65.8, 66.1, 97.8
CIELab 85.05, 6.85, -18.75
Decimal 13422327
Yxy 63.6945, 0.2842, 0.2839
YUV 210.076, 148.8375, 123.6662
CIELuv 83.8065, -3.4284, -33.4599
Web Safe CCCCCC

Distribuição de #cccef7

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.

#cccef7

#cccef7
rgb(204,206,247)

#f7f6cc

#f7f6cc
rgb(247,246,204)

Cores triadicas

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

#f7ccce

#f7ccce
rgb(247,204,206)

#cccef7

#cccef7
rgb(204,206,247)

#cef7cc

#cef7cc
rgb(206,247,204)

Cores tetrádicas

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

#f7cce4

#f7cce4
rgb(247,204,228)

#cccef7

#cccef7
rgb(204,206,247)

#f7f6cc

#f7f6cc
rgb(247,246,204)

#ccf7e0

#ccf7e0
rgb(204,247,224)

Cores monocromáticas

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

#cccef7

#cccef7
rgb(204,206,247)

#c3c6f7

#c3c6f7
rgb(195,198,247)

#c1c3f7

#c1c3f7
rgb(193,195,247)

#bec1f7

#bec1f7
rgb(190,193,247)

#bcbff7

#bcbff7
rgb(188,191,247)

#b9bcf7

#b9bcf7
rgb(185,188,247)

Tons e Matizes de #cccef7

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

Matiz (adicionando branco)
#cccef7

#cccef7
rgb(204,206,247)

#d6d7f8

#d6d7f8
rgb(214,215,248)

#e0e1fa

#e0e1fa
rgb(224,225,250)

#eaebfb

#eaebfb
rgb(234,235,251)

#f4f5fd

#f4f5fd
rgb(244,245,253)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#cccef7

#cccef7
rgb(204,206,247)

#a3a4c5

#a3a4c5
rgb(163,164,197)

#7a7b94

#7a7b94
rgb(122,123,148)

#515262

#515262
rgb(81,82,98)

#282931

#282931
rgb(40,41,49)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #cccef7

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #cccef7.

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

Este elemento tem uma cor de borda de #cccef7.

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

Cores alietórias

#00aec7

#00aec7
rgb(0,174,199)

#44e1b7

#44e1b7
rgb(68,225,183)

#cc4059

#cc4059
rgb(204,64,89)

#4bfe9d

#4bfe9d
rgb(75,254,157)

#bd6459

#bd6459
rgb(189,100,89)

#3579f6

#3579f6
rgb(53,121,246)

#aa91f2

#aa91f2
rgb(170,145,242)

#0b3e84

#0b3e84
rgb(11,62,132)

#0d4c14

#0d4c14
rgb(13,76,20)

#cc32c1

#cc32c1
rgb(204,50,193)

#281e88

#281e88
rgb(40,30,136)

#0edc54

#0edc54
rgb(14,220,84)