Informação da cor #c9d0ff

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

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

A cor mais próxima WebSafe é 99CCFF.

Conversões de #c9d0ff 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 c9d0ff
RGB 201, 208, 255
RGB Percentagem 78.8%, 81.6%, 100%
CMYK 0.21, 0.18, 0, 0
HSL 232.2°, 100%, 89.4%
HSV (ou HSB) 232.2°, 21.2%, 100%
RYB 78.8, 81.6, 100
Formato Cor
XYZ 66.7, 67.1, 104
CIELab 85.55, 6.57, -21.9
Decimal 13226239
Yxy 64.748, 0.2775, 0.2778
YUV 211.265, 152.6812, 120.6783
CIELuv 84.3537, -6.2881, -39.1519
Web Safe 99CCFF

Distribuição de #c9d0ff

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.

#c9d0ff

#c9d0ff
rgb(201,208,255)

#fff9c9

#fff9c9
rgb(255,249,201)

Cores triadicas

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

#ffc9d0

#ffc9d0
rgb(255,201,208)

#c9d0ff

#c9d0ff
rgb(201,208,255)

#d0ffc9

#d0ffc9
rgb(208,255,201)

Cores tetrádicas

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

#ffc9eb

#ffc9eb
rgb(255,201,235)

#c9d0ff

#c9d0ff
rgb(201,208,255)

#fff9c9

#fff9c9
rgb(255,249,201)

#c9ffde

#c9ffde
rgb(201,255,222)

Cores monocromáticas

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

#c9d0ff

#c9d0ff
rgb(201,208,255)

#c9d0ff

#c9d0ff
rgb(201,208,255)

#c7ceff

#c7ceff
rgb(199,206,255)

#c4ccff

#c4ccff
rgb(196,204,255)

#c2caff

#c2caff
rgb(194,202,255)

#bfc8ff

#bfc8ff
rgb(191,200,255)

Tons e Matizes de #c9d0ff

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

Matiz (adicionando branco)
#c9d0ff

#c9d0ff
rgb(201,208,255)

#d3d9ff

#d3d9ff
rgb(211,217,255)

#dee2ff

#dee2ff
rgb(222,226,255)

#e9ecff

#e9ecff
rgb(233,236,255)

#f4f5ff

#f4f5ff
rgb(244,245,255)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#c9d0ff

#c9d0ff
rgb(201,208,255)

#a0a6cc

#a0a6cc
rgb(160,166,204)

#787c99

#787c99
rgb(120,124,153)

#505365

#505365
rgb(80,83,101)

#282932

#282932
rgb(40,41,50)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #c9d0ff

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #c9d0ff.

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

Este elemento tem uma cor de borda de #c9d0ff.

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

Cores alietórias

#24767f

#24767f
rgb(36,118,127)

#77131b

#77131b
rgb(119,19,27)

#d8fe01

#d8fe01
rgb(216,254,1)

#117d8d

#117d8d
rgb(17,125,141)

#b8389c

#b8389c
rgb(184,56,156)

#e5f1c7

#e5f1c7
rgb(229,241,199)

#dc6a69

#dc6a69
rgb(220,106,105)

#132f08

#132f08
rgb(19,47,8)

#653276

#653276
rgb(101,50,118)

#46d388

#46d388
rgb(70,211,136)

#68fd18

#68fd18
rgb(104,253,24)

#f9e7d6

#f9e7d6
rgb(249,231,214)