Informação da cor #ceceff

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

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

A cor mais próxima WebSafe é CCCCFF.

Conversões de #ceceff 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 ceceff
RGB 206, 206, 255
RGB Percentagem 80.8%, 80.8%, 100%
CMYK 0.19, 0.19, 0, 0
HSL 240°, 100%, 90.4%
HSV (ou HSB) 240°, 19.2%, 100%
RYB 80.8, 80.8, 100
Formato Cor
XYZ 67.5, 66.8, 104
CIELab 85.42, 8.99, -22.06
Decimal 13553407
Yxy 64.4835, 0.2807, 0.276
YUV 211.586, 152.5, 124.0157
CIELuv 84.2169, -2.8746, -39.8373
Web Safe CCCCFF

Distribuição de #ceceff

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.

#ceceff

#ceceff
rgb(206,206,255)

#ffffce

#ffffce
rgb(255,255,206)

Cores triadicas

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

#ffcece

#ffcece
rgb(255,206,206)

#ceceff

#ceceff
rgb(206,206,255)

#ceffce

#ceffce
rgb(206,255,206)

Cores tetrádicas

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

#ffcee7

#ffcee7
rgb(255,206,231)

#ceceff

#ceceff
rgb(206,206,255)

#ffffce

#ffffce
rgb(255,255,206)

#ceffe7

#ceffe7
rgb(206,255,231)

Cores monocromáticas

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

#ceceff

#ceceff
rgb(206,206,255)

#c9c9ff

#c9c9ff
rgb(201,201,255)

#c7c7ff

#c7c7ff
rgb(199,199,255)

#c4c4ff

#c4c4ff
rgb(196,196,255)

#c2c2ff

#c2c2ff
rgb(194,194,255)

#bfbfff

#bfbfff
rgb(191,191,255)

Tons e Matizes de #ceceff

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

Matiz (adicionando branco)
#ceceff

#ceceff
rgb(206,206,255)

#d7d7ff

#d7d7ff
rgb(215,215,255)

#e1e1ff

#e1e1ff
rgb(225,225,255)

#ebebff

#ebebff
rgb(235,235,255)

#f5f5ff

#f5f5ff
rgb(245,245,255)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#ceceff

#ceceff
rgb(206,206,255)

#a4a4cc

#a4a4cc
rgb(164,164,204)

#7b7b99

#7b7b99
rgb(123,123,153)

#525265

#525265
rgb(82,82,101)

#292932

#292932
rgb(41,41,50)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #ceceff

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #ceceff.

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

Este elemento tem uma cor de borda de #ceceff.

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

Cores alietórias

#565ef9

#565ef9
rgb(86,94,249)

#ec25b8

#ec25b8
rgb(236,37,184)

#989665

#989665
rgb(152,150,101)

#38aef8

#38aef8
rgb(56,174,248)

#4010b8

#4010b8
rgb(64,16,184)

#4cccfb

#4cccfb
rgb(76,204,251)

#6ef906

#6ef906
rgb(110,249,6)

#be2930

#be2930
rgb(190,41,48)

#b24fb0

#b24fb0
rgb(178,79,176)

#85fae2

#85fae2
rgb(133,250,226)

#6b925a

#6b925a
rgb(107,146,90)

#c352e4

#c352e4
rgb(195,82,228)