Informação da cor #bfafe5

A cor hexadecimal bfafe5 no modelo de cores RGB (Red, Green, Blue), é um composta por 191 de vermelho, 175 de verde e 229 de azul.

No padrão de cores CMYK, é composto por 16.6% de ciano, 23.6% de magenta, 0% de amarelo e 10.2% de preto. Tem um ângulo de matiz de 257.8 graus, uma saturação de 50.9% e uma leveza de 79.2%.

A cor mais próxima WebSafe é 9999CC.

Conversões de #bfafe5 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 bfafe5
RGB 191, 175, 229
RGB Percentagem 74.9%, 68.6%, 89.8%
CMYK 0.17, 0.24, 0, 0.1
HSL 257.8°, 50.9%, 79.2%
HSV (ou HSB) 257.8°, 23.6%, 89.8%
RYB 74.9, 68.6, 89.8
Formato Cor
XYZ 53.6, 50.4, 82.6
CIELab 76.3, 15.18, -23.23
Decimal 12562405
Yxy 47.3932, 0.2848, 0.2649
YUV 185.94, 152.3002, 131.6092
CIELuv 74.4406, 5.0853, -41.9227
Web Safe 9999CC

Distribuição de #bfafe5

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.

#bfafe5

#bfafe5
rgb(191,175,229)

#d6e5af

#d6e5af
rgb(214,229,175)

Cores triadicas

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

#e5bfaf

#e5bfaf
rgb(229,191,175)

#bfafe5

#bfafe5
rgb(191,175,229)

#afe5bf

#afe5bf
rgb(175,229,191)

Cores tetrádicas

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

#e5afbb

#e5afbb
rgb(229,175,187)

#bfafe5

#bfafe5
rgb(191,175,229)

#d6e5af

#d6e5af
rgb(214,229,175)

#afe5da

#afe5da
rgb(175,229,218)

Cores monocromáticas

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

#bfafe5

#bfafe5
rgb(191,175,229)

#c3b5e5

#c3b5e5
rgb(195,181,229)

#c2b3e5

#c2b3e5
rgb(194,179,229)

#c0b0e5

#c0b0e5
rgb(192,176,229)

#beaee5

#beaee5
rgb(190,174,229)

#bdace5

#bdace5
rgb(189,172,229)

Tons e Matizes de #bfafe5

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

Matiz (adicionando branco)
#bfafe5

#bfafe5
rgb(191,175,229)

#cbbfea

#cbbfea
rgb(203,191,234)

#d8cfef

#d8cfef
rgb(216,207,239)

#e5dff4

#e5dff4
rgb(229,223,244)

#f2eff9

#f2eff9
rgb(242,239,249)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#bfafe5

#bfafe5
rgb(191,175,229)

#988cb7

#988cb7
rgb(152,140,183)

#726989

#726989
rgb(114,105,137)

#4c455b

#4c455b
rgb(76,69,91)

#26222d

#26222d
rgb(38,34,45)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #bfafe5

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #bfafe5.

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

Este elemento tem uma cor de borda de #bfafe5.

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

Cores alietórias

#502dda

#502dda
rgb(80,45,218)

#f5cbbb

#f5cbbb
rgb(245,203,187)

#a46b4b

#a46b4b
rgb(164,107,75)

#f40267

#f40267
rgb(244,2,103)

#b236e5

#b236e5
rgb(178,54,229)

#8bc997

#8bc997
rgb(139,201,151)

#d93d61

#d93d61
rgb(217,61,97)

#8e9d2b

#8e9d2b
rgb(142,157,43)

#3bf15a

#3bf15a
rgb(59,241,90)

#6ffd04

#6ffd04
rgb(111,253,4)

#2c031b

#2c031b
rgb(44,3,27)

#234db7

#234db7
rgb(35,77,183)