Informação da cor #b7c3c9

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

No padrão de cores CMYK, é composto por 9% de ciano, 3% de magenta, 0% de amarelo e 21.2% de preto. Tem um ângulo de matiz de 200 graus, uma saturação de 14.3% e uma leveza de 75.3%.

A cor mais próxima WebSafe é 999999.

Conversões de #b7c3c9 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 b7c3c9
RGB 183, 195, 201
RGB Percentagem 71.8%, 76.5%, 78.8%
CMYK 0.09, 0.03, 0, 0.21
HSL 200°, 14.3%, 75.3%
HSV (ou HSB) 200°, 9%, 78.8%
RYB 71.8, 74.9, 78.8
Formato Cor
XYZ 52.3, 56.2, 65.9
CIELab 79.71, -2.75, -4.12
Decimal 12043209
Yxy 53.3139, 0.299, 0.3215
YUV 192.096, 133.0248, 121.5121
CIELuv 78.06, -6.878, -6.1977
Web Safe 999999

Distribuição de #b7c3c9

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.

#b7c3c9

#b7c3c9
rgb(183,195,201)

#c9bdb7

#c9bdb7
rgb(201,189,183)

Cores triadicas

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

#c9b7c3

#c9b7c3
rgb(201,183,195)

#b7c3c9

#b7c3c9
rgb(183,195,201)

#c3c9b7

#c3c9b7
rgb(195,201,183)

Cores tetrádicas

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

#c6b7c9

#c6b7c9
rgb(198,183,201)

#b7c3c9

#b7c3c9
rgb(183,195,201)

#c9bdb7

#c9bdb7
rgb(201,189,183)

#bac9b7

#bac9b7
rgb(186,201,183)

Cores monocromáticas

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

#b7c3c9

#b7c3c9
rgb(183,195,201)

#9fbbc9

#9fbbc9
rgb(159,187,201)

#9dbbc9

#9dbbc9
rgb(157,187,201)

#9bbac9

#9bbac9
rgb(155,186,201)

#99b9c9

#99b9c9
rgb(153,185,201)

#97b9c9

#97b9c9
rgb(151,185,201)

Tons e Matizes de #b7c3c9

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

Matiz (adicionando branco)
#b7c3c9

#b7c3c9
rgb(183,195,201)

#c5cfd3

#c5cfd3
rgb(197,207,211)

#d3dbde

#d3dbde
rgb(211,219,222)

#e2e7e9

#e2e7e9
rgb(226,231,233)

#f0f3f4

#f0f3f4
rgb(240,243,244)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#b7c3c9

#b7c3c9
rgb(183,195,201)

#929ca0

#929ca0
rgb(146,156,160)

#6d7578

#6d7578
rgb(109,117,120)

#494d50

#494d50
rgb(73,77,80)

#242628

#242628
rgb(36,38,40)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #b7c3c9

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #b7c3c9.

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

Este elemento tem uma cor de borda de #b7c3c9.

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

Cores alietórias

#fbb695

#fbb695
rgb(251,182,149)

#891204

#891204
rgb(137,18,4)

#227ca3

#227ca3
rgb(34,124,163)

#152f60

#152f60
rgb(21,47,96)

#c4db90

#c4db90
rgb(196,219,144)

#aebcfe

#aebcfe
rgb(174,188,254)

#9b83d5

#9b83d5
rgb(155,131,213)

#6067a0

#6067a0
rgb(96,103,160)

#d7f477

#d7f477
rgb(215,244,119)

#199f3c

#199f3c
rgb(25,159,60)

#d36bda

#d36bda
rgb(211,107,218)

#621f6a

#621f6a
rgb(98,31,106)