Informação da cor #bfa950

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

No padrão de cores CMYK, é composto por 0% de ciano, 11.5% de magenta, 58.1% de amarelo e 25.1% de preto. Tem um ângulo de matiz de 48.1 graus, uma saturação de 46.4% e uma leveza de 53.1%.

A cor mais próxima WebSafe é 999933.

Conversões de #bfa950 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 bfa950
RGB 191, 169, 80
RGB Percentagem 74.9%, 66.3%, 31.4%
CMYK 0, 0.12, 0.58, 0.25
HSL 48.1°, 46.4%, 53.1%
HSV (ou HSB) 48.1°, 58.1%, 74.9%
RYB 42.4, 74.9, 31.4
Formato Cor
XYZ 39.8, 43.1, 15.6
CIELab 71.59, -3.51, 46.42
Decimal 12560720
Yxy 40.0332, 0.4101, 0.4423
YUV 165.432, 79.7878, 146.2368
CIELuv 69.4932, 19.2188, 57.1976
Web Safe 999933

Distribuição de #bfa950

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.

#bfa950

#bfa950
rgb(191,169,80)

#5066bf

#5066bf
rgb(80,102,191)

Cores triadicas

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

#50bfaa

#50bfaa
rgb(80,191,170)

#bfa950

#bfa950
rgb(191,169,80)

#aa50bf

#aa50bf
rgb(170,80,191)

Cores tetrádicas

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

#50bf72

#50bf72
rgb(80,191,114)

#bfa950

#bfa950
rgb(191,169,80)

#5066bf

#5066bf
rgb(80,102,191)

#bf509e

#bf509e
rgb(191,80,158)

Cores monocromáticas

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

#bfa950

#bfa950
rgb(191,169,80)

#bfb796

#bfb796
rgb(191,183,150)

#bfb794

#bfb794
rgb(191,183,148)

#bfb792

#bfb792
rgb(191,183,146)

#bfb691

#bfb691
rgb(191,182,145)

#bfb68f

#bfb68f
rgb(191,182,143)

Tons e Matizes de #bfa950

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

Matiz (adicionando branco)
#bfa950

#bfa950
rgb(191,169,80)

#cbba73

#cbba73
rgb(203,186,115)

#d8cb96

#d8cb96
rgb(216,203,150)

#e5dcb9

#e5dcb9
rgb(229,220,185)

#f2eddc

#f2eddc
rgb(242,237,220)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#bfa950

#bfa950
rgb(191,169,80)

#988740

#988740
rgb(152,135,64)

#726530

#726530
rgb(114,101,48)

#4c431f

#4c431f
rgb(76,67,31)

#26210f

#26210f
rgb(38,33,15)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #bfa950

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #bfa950.

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

Este elemento tem uma cor de borda de #bfa950.

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

Cores alietórias

#28dccf

#28dccf
rgb(40,220,207)

#d6f27c

#d6f27c
rgb(214,242,124)

#96f1ef

#96f1ef
rgb(150,241,239)

#fca40a

#fca40a
rgb(252,164,10)

#f11467

#f11467
rgb(241,20,103)

#755a38

#755a38
rgb(117,90,56)

#e56004

#e56004
rgb(229,96,4)

#8eef8a

#8eef8a
rgb(142,239,138)

#83b172

#83b172
rgb(131,177,114)

#1a8439

#1a8439
rgb(26,132,57)

#9df7b0

#9df7b0
rgb(157,247,176)

#502e80

#502e80
rgb(80,46,128)