Informação da cor #b1e125

A cor hexadecimal b1e125 no modelo de cores RGB (Red, Green, Blue), é um composta por 177 de vermelho, 225 de verde e 37 de azul.

No padrão de cores CMYK, é composto por 21.3% de ciano, 0% de magenta, 83.6% de amarelo e 11.8% de preto. Tem um ângulo de matiz de 75.3 graus, uma saturação de 75.8% e uma leveza de 51.4%.

A cor mais próxima WebSafe é 99CC00.

Conversões de #b1e125 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 b1e125
RGB 177, 225, 37
RGB Percentagem 69.4%, 88.2%, 14.5%
CMYK 0.21, 0, 0.84, 0.12
HSL 75.3°, 75.8%, 51.4%
HSV (ou HSB) 75.3°, 83.6%, 88.2%
RYB 14.5, 88.2, 33.3
Formato Cor
XYZ 47.5, 65.3, 12.6
CIELab 84.66, -37.22, 76.22
Decimal 11657509
Yxy 63.3307, 0.3773, 0.5264
YUV 189.216, 42.0993, 119.2867
CIELuv 83.6161, -23.458, 92.3798
Web Safe 99CC00

Distribuição de #b1e125

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.

#b1e125

#b1e125
rgb(177,225,37)

#5525e1

#5525e1
rgb(85,37,225)

Cores triadicas

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

#25b2e1

#25b2e1
rgb(37,178,225)

#b1e125

#b1e125
rgb(177,225,37)

#e125b2

#e125b2
rgb(225,37,178)

Cores tetrádicas

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

#25e1b3

#25e1b3
rgb(37,225,179)

#b1e125

#b1e125
rgb(177,225,37)

#5525e1

#5525e1
rgb(85,37,225)

#e12554

#e12554
rgb(225,37,84)

Cores monocromáticas

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

#b1e125

#b1e125
rgb(177,225,37)

#d5e1b0

#d5e1b0
rgb(213,225,176)

#d4e1ae

#d4e1ae
rgb(212,225,174)

#d4e1ac

#d4e1ac
rgb(212,225,172)

#d3e1aa

#d3e1aa
rgb(211,225,170)

#d3e1a7

#d3e1a7
rgb(211,225,167)

Tons e Matizes de #b1e125

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

Matiz (adicionando branco)
#b1e125

#b1e125
rgb(177,225,37)

#c0e750

#c0e750
rgb(192,231,80)

#d0ed7c

#d0ed7c
rgb(208,237,124)

#dff3a7

#dff3a7
rgb(223,243,167)

#eff9d3

#eff9d3
rgb(239,249,211)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#b1e125

#b1e125
rgb(177,225,37)

#8db41d

#8db41d
rgb(141,180,29)

#6a8716

#6a8716
rgb(106,135,22)

#46590e

#46590e
rgb(70,89,14)

#232c07

#232c07
rgb(35,44,7)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #b1e125

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #b1e125.

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

Este elemento tem uma cor de borda de #b1e125.

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

Cores alietórias

#5c8254

#5c8254
rgb(92,130,84)

#8a4852

#8a4852
rgb(138,72,82)

#8858c8

#8858c8
rgb(136,88,200)

#48b5c5

#48b5c5
rgb(72,181,197)

#477629

#477629
rgb(71,118,41)

#8e7a7e

#8e7a7e
rgb(142,122,126)

#c7940d

#c7940d
rgb(199,148,13)

#6a5326

#6a5326
rgb(106,83,38)

#13aa97

#13aa97
rgb(19,170,151)

#898ee9

#898ee9
rgb(137,142,233)

#513de4

#513de4
rgb(81,61,228)

#aec3b6

#aec3b6
rgb(174,195,182)