Informação da cor #9bccd1

A cor hexadecimal 9bccd1 no modelo de cores RGB (Red, Green, Blue), é um composta por 155 de vermelho, 204 de verde e 209 de azul.

No padrão de cores CMYK, é composto por 25.8% de ciano, 2.4% de magenta, 0% de amarelo e 18% de preto. Tem um ângulo de matiz de 185.6 graus, uma saturação de 37% e uma leveza de 71.4%.

A cor mais próxima WebSafe é 99CCCC.

Conversões de #9bccd1 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 9bccd1
RGB 155, 204, 209
RGB Percentagem 60.8%, 80%, 82%
CMYK 0.26, 0.02, 0, 0.18
HSL 185.6°, 37%, 71.4%
HSV (ou HSB) 185.6°, 25.8%, 82%
RYB 60.8, 71, 82
Formato Cor
XYZ 49.3, 57.5, 71.1
CIELab 80.44, -13.96, -7.24
Decimal 10210513
Yxy 54.7556, 0.2745, 0.3225
YUV 189.919, 138.7681, 103.0934
CIELuv 78.9003, -24.718, -9.3902
Web Safe 99CCCC

Distribuição de #9bccd1

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.

#9bccd1

#9bccd1
rgb(155,204,209)

#d1a19b

#d1a19b
rgb(209,161,155)

Cores triadicas

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

#d19bcc

#d19bcc
rgb(209,155,204)

#9bccd1

#9bccd1
rgb(155,204,209)

#ccd19b

#ccd19b
rgb(204,209,155)

Cores tetrádicas

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

#bc9bd1

#bc9bd1
rgb(188,155,209)

#9bccd1

#9bccd1
rgb(155,204,209)

#d1a19b

#d1a19b
rgb(209,161,155)

#b1d19b

#b1d19b
rgb(177,209,155)

Cores monocromáticas

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

#9bccd1

#9bccd1
rgb(155,204,209)

#a5cdd1

#a5cdd1
rgb(165,205,209)

#a3cdd1

#a3cdd1
rgb(163,205,209)

#a1cdd1

#a1cdd1
rgb(161,205,209)

#9fcdd1

#9fcdd1
rgb(159,205,209)

#9dcdd1

#9dcdd1
rgb(157,205,209)

Tons e Matizes de #9bccd1

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

Matiz (adicionando branco)
#9bccd1

#9bccd1
rgb(155,204,209)

#afd6da

#afd6da
rgb(175,214,218)

#c3e0e3

#c3e0e3
rgb(195,224,227)

#d7eaec

#d7eaec
rgb(215,234,236)

#ebf4f5

#ebf4f5
rgb(235,244,245)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#9bccd1

#9bccd1
rgb(155,204,209)

#7ca3a7

#7ca3a7
rgb(124,163,167)

#5d7a7d

#5d7a7d
rgb(93,122,125)

#3d5153

#3d5153
rgb(61,81,83)

#1e2829

#1e2829
rgb(30,40,41)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #9bccd1

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#dc5395

#dc5395
rgb(220,83,149)

#d79fd7

#d79fd7
rgb(215,159,215)

#554536

#554536
rgb(85,69,54)

#5f9a65

#5f9a65
rgb(95,154,101)

#6ab02b

#6ab02b
rgb(106,176,43)

#00c5c0

#00c5c0
rgb(0,197,192)

#44c80a

#44c80a
rgb(68,200,10)

#635aa3

#635aa3
rgb(99,90,163)

#ff0ada

#ff0ada
rgb(255,10,218)

#06d106

#06d106
rgb(6,209,6)

#7d72f8

#7d72f8
rgb(125,114,248)

#6c164e

#6c164e
rgb(108,22,78)