Informação da cor #bbd6c6

A cor hexadecimal bbd6c6 no modelo de cores RGB (Red, Green, Blue), é um composta por 187 de vermelho, 214 de verde e 198 de azul.

No padrão de cores CMYK, é composto por 12.6% de ciano, 0% de magenta, 7.5% de amarelo e 16.1% de preto. Tem um ângulo de matiz de 144.4 graus, uma saturação de 24.8% e uma leveza de 78.6%.

A cor mais próxima WebSafe é 99CC99.

Conversões de #bbd6c6 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 bbd6c6
RGB 187, 214, 198
RGB Percentagem 73.3%, 83.9%, 77.6%
CMYK 0.13, 0, 0.07, 0.16
HSL 144.4°, 24.8%, 78.6%
HSV (ou HSB) 144.4°, 12.6%, 83.9%
RYB 73.3, 81.2, 83.9
Formato Cor
XYZ 57.3, 65.2, 65.6
CIELab 84.58, -11.23, 4.51
Decimal 12310214
Yxy 62.7341, 0.3039, 0.3483
YUV 204.103, 124.5559, 115.801
CIELuv 83.3023, -13.9547, 9.3816
Web Safe 99CC99

Distribuição de #bbd6c6

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.

#bbd6c6

#bbd6c6
rgb(187,214,198)

#d6bccc

#d6bccc
rgb(214,188,204)

Cores triadicas

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

#c6bcd6

#c6bcd6
rgb(198,188,214)

#bbd6c6

#bbd6c6
rgb(187,214,198)

#d6c6bc

#d6c6bc
rgb(214,198,188)

Cores tetrádicas

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

#bcbed6

#bcbed6
rgb(188,190,214)

#bbd6c6

#bbd6c6
rgb(187,214,198)

#d6bccc

#d6bccc
rgb(214,188,204)

#d6d4bc

#d6d4bc
rgb(214,212,188)

Cores monocromáticas

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

#bbd6c6

#bbd6c6
rgb(187,214,198)

#a9d6bc

#a9d6bc
rgb(169,214,188)

#a7d6ba

#a7d6ba
rgb(167,214,186)

#a5d6b9

#a5d6b9
rgb(165,214,185)

#a3d6b8

#a3d6b8
rgb(163,214,184)

#a1d6b7

#a1d6b7
rgb(161,214,183)

Tons e Matizes de #bbd6c6

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

Matiz (adicionando branco)
#bbd6c6

#bbd6c6
rgb(187,214,198)

#c8ded1

#c8ded1
rgb(200,222,209)

#d6e6dc

#d6e6dc
rgb(214,230,220)

#e3eee8

#e3eee8
rgb(227,238,232)

#f1f6f3

#f1f6f3
rgb(241,246,243)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#bbd6c6

#bbd6c6
rgb(187,214,198)

#95ab9e

#95ab9e
rgb(149,171,158)

#708076

#708076
rgb(112,128,118)

#4a554f

#4a554f
rgb(74,85,79)

#252a27

#252a27
rgb(37,42,39)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #bbd6c6

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #bbd6c6.

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

Este elemento tem uma cor de borda de #bbd6c6.

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

Cores alietórias

#284660

#284660
rgb(40,70,96)

#13e738

#13e738
rgb(19,231,56)

#d3de45

#d3de45
rgb(211,222,69)

#0a5147

#0a5147
rgb(10,81,71)

#f8d325

#f8d325
rgb(248,211,37)

#67882c

#67882c
rgb(103,136,44)

#b32385

#b32385
rgb(179,35,133)

#c48b48

#c48b48
rgb(196,139,72)

#6bd811

#6bd811
rgb(107,216,17)

#4ddf16

#4ddf16
rgb(77,223,22)

#9abe04

#9abe04
rgb(154,190,4)

#bf82d9

#bf82d9
rgb(191,130,217)