Informação da cor #9ddff2

A cor hexadecimal 9ddff2 no modelo de cores RGB (Red, Green, Blue), é um composta por 157 de vermelho, 223 de verde e 242 de azul.

No padrão de cores CMYK, é composto por 35.1% de ciano, 7.9% de magenta, 0% de amarelo e 5.1% de preto. Tem um ângulo de matiz de 193.4 graus, uma saturação de 76.6% e uma leveza de 78.2%.

A cor mais próxima WebSafe é 99CCCC.

Conversões de #9ddff2 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 9ddff2
RGB 157, 223, 242
RGB Percentagem 61.6%, 87.5%, 94.9%
CMYK 0.35, 0.08, 0, 0.05
HSL 193.4°, 76.6%, 78.2%
HSV (ou HSB) 193.4°, 35.1%, 94.9%
RYB 61.6, 76.5, 94.9
Formato Cor
XYZ 58.5, 68.5, 95
CIELab 86.23, -15.41, -14.82
Decimal 10346482
Yxy 66.351, 0.2601, 0.3065
YUV 205.432, 148.6366, 93.4551
CIELuv 85.1751, -31.9597, -22.5609
Web Safe 99CCCC

Distribuição de #9ddff2

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.

#9ddff2

#9ddff2
rgb(157,223,242)

#f2b09d

#f2b09d
rgb(242,176,157)

Cores triadicas

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

#f29de0

#f29de0
rgb(242,157,224)

#9ddff2

#9ddff2
rgb(157,223,242)

#e0f29d

#e0f29d
rgb(224,242,157)

Cores tetrádicas

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

#db9df2

#db9df2
rgb(219,157,242)

#9ddff2

#9ddff2
rgb(157,223,242)

#f2b09d

#f2b09d
rgb(242,176,157)

#b5f29d

#b5f29d
rgb(181,242,157)

Cores monocromáticas

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

#9ddff2

#9ddff2
rgb(157,223,242)

#bfe7f2

#bfe7f2
rgb(191,231,242)

#bce6f2

#bce6f2
rgb(188,230,242)

#bae6f2

#bae6f2
rgb(186,230,242)

#b8e5f2

#b8e5f2
rgb(184,229,242)

#b5e5f2

#b5e5f2
rgb(181,229,242)

Tons e Matizes de #9ddff2

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

Matiz (adicionando branco)
#9ddff2

#9ddff2
rgb(157,223,242)

#b0e5f4

#b0e5f4
rgb(176,229,244)

#c4ebf7

#c4ebf7
rgb(196,235,247)

#d7f2f9

#d7f2f9
rgb(215,242,249)

#ebf8fc

#ebf8fc
rgb(235,248,252)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#9ddff2

#9ddff2
rgb(157,223,242)

#7db2c1

#7db2c1
rgb(125,178,193)

#5e8591

#5e8591
rgb(94,133,145)

#3e5960

#3e5960
rgb(62,89,96)

#1f2c30

#1f2c30
rgb(31,44,48)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #9ddff2

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

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

Contraste

Branco e #9ddff2
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 #9ddff2
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 #9ddff2

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

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

Este parágrafo tem fundo de cor #9ddff2.

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

Este elemento tem uma cor de borda de #9ddff2.

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

Cores alietórias

#18d10e

#18d10e
rgb(24,209,14)

#6dfc31

#6dfc31
rgb(109,252,49)

#9188dd

#9188dd
rgb(145,136,221)

#8baea0

#8baea0
rgb(139,174,160)

#55145a

#55145a
rgb(85,20,90)

#b238a1

#b238a1
rgb(178,56,161)

#fd3c16

#fd3c16
rgb(253,60,22)

#6e80e2

#6e80e2
rgb(110,128,226)

#6bf235

#6bf235
rgb(107,242,53)

#a6b294

#a6b294
rgb(166,178,148)

#0b1794

#0b1794
rgb(11,23,148)

#03a8d4

#03a8d4
rgb(3,168,212)