Informação da cor #bcf4ed

A cor hexadecimal bcf4ed no modelo de cores RGB (Red, Green, Blue), é um composta por 188 de vermelho, 244 de verde e 237 de azul.

No padrão de cores CMYK, é composto por 23% de ciano, 0% de magenta, 2.9% de amarelo e 4.3% de preto. Tem um ângulo de matiz de 172.5 graus, uma saturação de 71.8% e uma leveza de 84.7%.

A cor mais próxima WebSafe é 99CCCC.

Conversões de #bcf4ed 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 bcf4ed
RGB 188, 244, 237
RGB Percentagem 73.7%, 95.7%, 92.9%
CMYK 0.23, 0, 0.03, 0.04
HSL 172.5°, 71.8%, 84.7%
HSV (ou HSB) 172.5°, 23%, 95.7%
RYB 73.7, 85.5, 95.7
Formato Cor
XYZ 70.1, 82.8, 93.5
CIELab 92.91, -17.74, -2.32
Decimal 12383469
Yxy 81.5044, 0.2824, 0.3366
YUV 226.458, 133.9492, 100.5692
CIELuv 92.3557, -28.0746, -0.4921
Web Safe 99CCCC

Distribuição de #bcf4ed

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.

#bcf4ed

#bcf4ed
rgb(188,244,237)

#f4bcc3

#f4bcc3
rgb(244,188,195)

Cores triadicas

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

#edbcf4

#edbcf4
rgb(237,188,244)

#bcf4ed

#bcf4ed
rgb(188,244,237)

#f4edbc

#f4edbc
rgb(244,237,188)

Cores tetrádicas

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

#d2bcf4

#d2bcf4
rgb(210,188,244)

#bcf4ed

#bcf4ed
rgb(188,244,237)

#f4bcc3

#f4bcc3
rgb(244,188,195)

#dff4bc

#dff4bc
rgb(223,244,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.

#bcf4ed

#bcf4ed
rgb(188,244,237)

#c1f4ee

#c1f4ee
rgb(193,244,238)

#bef4ee

#bef4ee
rgb(190,244,238)

#bcf4ed

#bcf4ed
rgb(188,244,237)

#b9f4ed

#b9f4ed
rgb(185,244,237)

#b7f4ed

#b7f4ed
rgb(183,244,237)

Tons e Matizes de #bcf4ed

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

Matiz (adicionando branco)
#bcf4ed

#bcf4ed
rgb(188,244,237)

#c9f6f0

#c9f6f0
rgb(201,246,240)

#d6f8f4

#d6f8f4
rgb(214,248,244)

#e4faf7

#e4faf7
rgb(228,250,247)

#f1fcfb

#f1fcfb
rgb(241,252,251)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#bcf4ed

#bcf4ed
rgb(188,244,237)

#96c3bd

#96c3bd
rgb(150,195,189)

#70928e

#70928e
rgb(112,146,142)

#4b615e

#4b615e
rgb(75,97,94)

#25302f

#25302f
rgb(37,48,47)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #bcf4ed

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #bcf4ed.

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

Este elemento tem uma cor de borda de #bcf4ed.

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

Cores alietórias

#8791ee

#8791ee
rgb(135,145,238)

#8f2b19

#8f2b19
rgb(143,43,25)

#b3274f

#b3274f
rgb(179,39,79)

#e15641

#e15641
rgb(225,86,65)

#0d541e

#0d541e
rgb(13,84,30)

#f9a911

#f9a911
rgb(249,169,17)

#d3adf8

#d3adf8
rgb(211,173,248)

#a9a00d

#a9a00d
rgb(169,160,13)

#427f70

#427f70
rgb(66,127,112)

#2387e2

#2387e2
rgb(35,135,226)

#dc47d1

#dc47d1
rgb(220,71,209)

#dbd122

#dbd122
rgb(219,209,34)