Informação da cor #bbd7d4

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

No padrão de cores CMYK, é composto por 13% de ciano, 0% de magenta, 1.4% de amarelo e 15.7% de preto. Tem um ângulo de matiz de 173.6 graus, uma saturação de 25.9% e uma leveza de 78.8%.

A cor mais próxima WebSafe é 99CCCC.

Conversões de #bbd7d4 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 bbd7d4
RGB 187, 215, 212
RGB Percentagem 73.3%, 84.3%, 83.1%
CMYK 0.13, 0, 0.01, 0.16
HSL 173.6°, 25.9%, 78.8%
HSV (ou HSB) 173.6°, 13%, 84.3%
RYB 73.3, 79.2, 84.3
Formato Cor
XYZ 59.1, 66.3, 74.2
CIELab 85.16, -9.2, -1.57
Decimal 12310484
Yxy 63.9179, 0.2948, 0.3325
YUV 206.286, 131.2246, 114.2439
CIELuv 83.923, -14.8157, -0.8363
Web Safe 99CCCC

Distribuição de #bbd7d4

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.

#bbd7d4

#bbd7d4
rgb(187,215,212)

#d7bbbf

#d7bbbf
rgb(215,187,191)

Cores triadicas

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

#d4bbd7

#d4bbd7
rgb(212,187,215)

#bbd7d4

#bbd7d4
rgb(187,215,212)

#d7d4bb

#d7d4bb
rgb(215,212,187)

Cores tetrádicas

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

#c6bbd7

#c6bbd7
rgb(198,187,215)

#bbd7d4

#bbd7d4
rgb(187,215,212)

#d7bbbf

#d7bbbf
rgb(215,187,191)

#cdd7bb

#cdd7bb
rgb(205,215,187)

Cores monocromáticas

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

#bbd7d4

#bbd7d4
rgb(187,215,212)

#aad7d3

#aad7d3
rgb(170,215,211)

#a8d7d2

#a8d7d2
rgb(168,215,210)

#a6d7d2

#a6d7d2
rgb(166,215,210)

#a4d7d2

#a4d7d2
rgb(164,215,210)

#a1d7d2

#a1d7d2
rgb(161,215,210)

Tons e Matizes de #bbd7d4

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

Matiz (adicionando branco)
#bbd7d4

#bbd7d4
rgb(187,215,212)

#c8dfdc

#c8dfdc
rgb(200,223,220)

#d6e7e5

#d6e7e5
rgb(214,231,229)

#e3efed

#e3efed
rgb(227,239,237)

#f1f7f6

#f1f7f6
rgb(241,247,246)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#bbd7d4

#bbd7d4
rgb(187,215,212)

#95aca9

#95aca9
rgb(149,172,169)

#70817f

#70817f
rgb(112,129,127)

#4a5554

#4a5554
rgb(74,85,84)

#252a2a

#252a2a
rgb(37,42,42)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #bbd7d4

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #bbd7d4.

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

Este elemento tem uma cor de borda de #bbd7d4.

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

Cores alietórias

#3f840b

#3f840b
rgb(63,132,11)

#0cf81a

#0cf81a
rgb(12,248,26)

#eadc36

#eadc36
rgb(234,220,54)

#431a95

#431a95
rgb(67,26,149)

#0011f9

#0011f9
rgb(0,17,249)

#690219

#690219
rgb(105,2,25)

#77471b

#77471b
rgb(119,71,27)

#a2a227

#a2a227
rgb(162,162,39)

#25787e

#25787e
rgb(37,120,126)

#8801d3

#8801d3
rgb(136,1,211)

#e988e9

#e988e9
rgb(233,136,233)

#a8170a

#a8170a
rgb(168,23,10)