Informação da cor #b9f5c5

A cor hexadecimal b9f5c5 no modelo de cores RGB (Red, Green, Blue), é um composta por 185 de vermelho, 245 de verde e 197 de azul.

No padrão de cores CMYK, é composto por 24.5% de ciano, 0% de magenta, 19.6% de amarelo e 3.9% de preto. Tem um ângulo de matiz de 132 graus, uma saturação de 75% e uma leveza de 84.3%.

A cor mais próxima WebSafe é 99CC99.

Conversões de #b9f5c5 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 b9f5c5
RGB 185, 245, 197
RGB Percentagem 72.5%, 96.1%, 77.3%
CMYK 0.24, 0, 0.2, 0.04
HSL 132°, 75%, 84.3%
HSV (ou HSB) 132°, 24.5%, 96.1%
RYB 72.5, 92.2, 96.1
Formato Cor
XYZ 64.7, 81, 67.7
CIELab 92.13, -26.16, 15.75
Decimal 12187077
Yxy 79.6481, 0.3027, 0.3843
YUV 221.588, 114.1242, 101.903
CIELuv 91.5267, -29.779, 30.123
Web Safe 99CC99

Distribuição de #b9f5c5

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.

#b9f5c5

#b9f5c5
rgb(185,245,197)

#f5b9e9

#f5b9e9
rgb(245,185,233)

Cores triadicas

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

#c5b9f5

#c5b9f5
rgb(197,185,245)

#b9f5c5

#b9f5c5
rgb(185,245,197)

#f5c5b9

#f5c5b9
rgb(245,197,185)

Cores tetrádicas

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

#b9cbf5

#b9cbf5
rgb(185,203,245)

#b9f5c5

#b9f5c5
rgb(185,245,197)

#f5b9e9

#f5b9e9
rgb(245,185,233)

#f5e4b9

#f5e4b9
rgb(245,228,185)

Cores monocromáticas

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

#b9f5c5

#b9f5c5
rgb(185,245,197)

#c1f5cc

#c1f5cc
rgb(193,245,204)

#bff5ca

#bff5ca
rgb(191,245,202)

#bdf5c8

#bdf5c8
rgb(189,245,200)

#baf5c6

#baf5c6
rgb(186,245,198)

#b8f5c4

#b8f5c4
rgb(184,245,196)

Tons e Matizes de #b9f5c5

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

Matiz (adicionando branco)
#b9f5c5

#b9f5c5
rgb(185,245,197)

#c7f7d0

#c7f7d0
rgb(199,247,208)

#d5f9dc

#d5f9dc
rgb(213,249,220)

#e3fbe7

#e3fbe7
rgb(227,251,231)

#f1fdf3

#f1fdf3
rgb(241,253,243)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#b9f5c5

#b9f5c5
rgb(185,245,197)

#94c49d

#94c49d
rgb(148,196,157)

#6f9376

#6f9376
rgb(111,147,118)

#49614e

#49614e
rgb(73,97,78)

#243027

#243027
rgb(36,48,39)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #b9f5c5

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #b9f5c5.

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

Este elemento tem uma cor de borda de #b9f5c5.

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

Cores alietórias

#c117fa

#c117fa
rgb(193,23,250)

#df0ac2

#df0ac2
rgb(223,10,194)

#7f3210

#7f3210
rgb(127,50,16)

#302699

#302699
rgb(48,38,153)

#edfc8b

#edfc8b
rgb(237,252,139)

#9cc1d5

#9cc1d5
rgb(156,193,213)

#684703

#684703
rgb(104,71,3)

#688e1d

#688e1d
rgb(104,142,29)

#7f3d9e

#7f3d9e
rgb(127,61,158)

#f3da8c

#f3da8c
rgb(243,218,140)

#e61220

#e61220
rgb(230,18,32)

#4c44a5

#4c44a5
rgb(76,68,165)