Informação da cor #b4c819

A cor hexadecimal b4c819 no modelo de cores RGB (Red, Green, Blue), é um composta por 180 de vermelho, 200 de verde e 25 de azul.

No padrão de cores CMYK, é composto por 10% de ciano, 0% de magenta, 87.5% de amarelo e 21.6% de preto. Tem um ângulo de matiz de 66.9 graus, uma saturação de 77.8% e uma leveza de 44.1%.

A cor mais próxima WebSafe é 999900.

Conversões de #b4c819 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 b4c819
RGB 180, 200, 25
RGB Percentagem 70.6%, 78.4%, 9.8%
CMYK 0.1, 0, 0.88, 0.22
HSL 66.9°, 77.8%, 44.1%
HSV (ou HSB) 66.9°, 87.5%, 78.4%
RYB 9.8, 78.4, 17.6
Formato Cor
XYZ 42, 53.7, 9.5
CIELab 78.29, -25.67, 73.84
Decimal 11847705
Yxy 51.0826, 0.3988, 0.5138
YUV 174.07, 43.8747, 132.2296
CIELuv 76.729, -7.1726, 84.0513
Web Safe 999900

Distribuição de #b4c819

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.

#b4c819

#b4c819
rgb(180,200,25)

#2d19c8

#2d19c8
rgb(45,25,200)

Cores triadicas

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

#19b5c8

#19b5c8
rgb(25,181,200)

#b4c819

#b4c819
rgb(180,200,25)

#c819b5

#c819b5
rgb(200,25,181)

Cores tetrádicas

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

#19c885

#19c885
rgb(25,200,133)

#b4c819

#b4c819
rgb(180,200,25)

#2d19c8

#2d19c8
rgb(45,25,200)

#c8195d

#c8195d
rgb(200,25,93)

Cores monocromáticas

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

#b4c819

#b4c819
rgb(180,200,25)

#c4c89d

#c4c89d
rgb(196,200,157)

#c3c89b

#c3c89b
rgb(195,200,155)

#c3c899

#c3c899
rgb(195,200,153)

#c3c897

#c3c897
rgb(195,200,151)

#c3c895

#c3c895
rgb(195,200,149)

Tons e Matizes de #b4c819

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

Matiz (adicionando branco)
#b4c819

#b4c819
rgb(180,200,25)

#c3d347

#c3d347
rgb(195,211,71)

#d2de75

#d2de75
rgb(210,222,117)

#e1e9a3

#e1e9a3
rgb(225,233,163)

#f0f4d1

#f0f4d1
rgb(240,244,209)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#b4c819

#b4c819
rgb(180,200,25)

#90a014

#90a014
rgb(144,160,20)

#6c780f

#6c780f
rgb(108,120,15)

#474f09

#474f09
rgb(71,79,9)

#232704

#232704
rgb(35,39,4)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #b4c819

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #b4c819.

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

Este elemento tem uma cor de borda de #b4c819.

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

Cores alietórias

#fe4fbc

#fe4fbc
rgb(254,79,188)

#475dc7

#475dc7
rgb(71,93,199)

#146bf2

#146bf2
rgb(20,107,242)

#7815ba

#7815ba
rgb(120,21,186)

#87da3a

#87da3a
rgb(135,218,58)

#adc953

#adc953
rgb(173,201,83)

#68e187

#68e187
rgb(104,225,135)

#bf5e3a

#bf5e3a
rgb(191,94,58)

#b8ea2f

#b8ea2f
rgb(184,234,47)

#185dca

#185dca
rgb(24,93,202)

#a3e40a

#a3e40a
rgb(163,228,10)

#f40891

#f40891
rgb(244,8,145)