Informação da cor #bff0b7

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

No padrão de cores CMYK, é composto por 20.4% de ciano, 0% de magenta, 23.7% de amarelo e 5.9% de preto. Tem um ângulo de matiz de 111.6 graus, uma saturação de 65.5% e uma leveza de 82.9%.

A cor mais próxima WebSafe é 99CC99.

Conversões de #bff0b7 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 bff0b7
RGB 191, 240, 183
RGB Percentagem 74.9%, 94.1%, 71.8%
CMYK 0.2, 0, 0.24, 0.06
HSL 111.6°, 65.5%, 82.9%
HSV (ou HSB) 111.6°, 23.8%, 94.1%
RYB 71.8, 94.1, 91
Formato Cor
XYZ 63.3, 78.4, 59.5
CIELab 90.95, -24.35, 20.92
Decimal 12578999
Yxy 76.8139, 0.3148, 0.3951
YUV 218.851, 107.7681, 108.1348
CIELuv 90.2359, -24.4059, 37.1737
Web Safe 99CC99

Distribuição de #bff0b7

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.

#bff0b7

#bff0b7
rgb(191,240,183)

#e9b7f0

#e9b7f0
rgb(233,183,240)

Cores triadicas

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

#b7bff0

#b7bff0
rgb(183,191,240)

#bff0b7

#bff0b7
rgb(191,240,183)

#f0b7bf

#f0b7bf
rgb(240,183,191)

Cores tetrádicas

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

#b7dcf0

#b7dcf0
rgb(183,220,240)

#bff0b7

#bff0b7
rgb(191,240,183)

#e9b7f0

#e9b7f0
rgb(233,183,240)

#f0ccb7

#f0ccb7
rgb(240,204,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.

#bff0b7

#bff0b7
rgb(191,240,183)

#c5f0be

#c5f0be
rgb(197,240,190)

#c3f0bb

#c3f0bb
rgb(195,240,187)

#c1f0b9

#c1f0b9
rgb(193,240,185)

#bef0b6

#bef0b6
rgb(190,240,182)

#bcf0b4

#bcf0b4
rgb(188,240,180)

Tons e Matizes de #bff0b7

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

Matiz (adicionando branco)
#bff0b7

#bff0b7
rgb(191,240,183)

#cbf3c5

#cbf3c5
rgb(203,243,197)

#d8f6d3

#d8f6d3
rgb(216,246,211)

#e5f9e2

#e5f9e2
rgb(229,249,226)

#f2fcf0

#f2fcf0
rgb(242,252,240)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#bff0b7

#bff0b7
rgb(191,240,183)

#98c092

#98c092
rgb(152,192,146)

#72906d

#72906d
rgb(114,144,109)

#4c5f49

#4c5f49
rgb(76,95,73)

#262f24

#262f24
rgb(38,47,36)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #bff0b7

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #bff0b7.

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

Este elemento tem uma cor de borda de #bff0b7.

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

Cores alietórias

#e0193e

#e0193e
rgb(224,25,62)

#d2695e

#d2695e
rgb(210,105,94)

#44930c

#44930c
rgb(68,147,12)

#f62299

#f62299
rgb(246,34,153)

#6ba8f3

#6ba8f3
rgb(107,168,243)

#8591c3

#8591c3
rgb(133,145,195)

#ed0202

#ed0202
rgb(237,2,2)

#bf9ed5

#bf9ed5
rgb(191,158,213)

#28c2d4

#28c2d4
rgb(40,194,212)

#662286

#662286
rgb(102,34,134)

#19eb54

#19eb54
rgb(25,235,84)

#5f164e

#5f164e
rgb(95,22,78)