ColorTool
Entrar
#BBBA3D

#bbba3d ≈ Vegas Gold

  • amarelo
  • Luminosidade: média
  • Saturação: moderada
  • Quente
Verificar contraste Explorar no grafo Cor aleatória

#bbba3d é uma cor da família “amarelo”, com luminosidade média e saturação moderada. No modelo RGB, é formada por 73,33% de vermelho, 72,94% de verde e 23,92% de azul; impressa em CMYK, usa 0% de ciano, 0,53% de magenta, 67,38% de amarelo e 26,67% de preto. Seu ângulo de matiz é 59,52°, com 50,81% de saturação e 48,63% de luminosidade em HSL. É uma cor quente, muitas vezes associada a otimismo, atenção e alegria. Designers costumam usá-la em destaques e avisos, produtos infantis e detalhes de marca. Texto preto sobre esta cor atinge uma razão de contraste de 10,2:1 (WCAG AAA). A cor nomeada mais próxima é Vegas Gold (#c5b358), ΔE 6,13.

Descrição gerada a partir das propriedades medidas desta cor.

HEX
RGB
RGB em porcentagem
CMY
CMYK
HSL
HSV / HSB
Segura para a web#cccc33
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binário
Decimal
Luminância relativa0.4602

Complementar

  1. #bbba3d
  2. #3d3ebb

Complementar dividida

  1. #bbba3d
  2. #3d7dbb
  3. #7b3dbb

Análoga

  1. #bb7b3d
  2. #bbba3d
  3. #7dbb3d

Triádica

  1. #bbba3d
  2. #3dbbba
  3. #ba3dbb

Tetrádica

  1. #bbba3d
  2. #3ebb3d
  3. #3d3ebb
  4. #ba3dbb

Quadrada

  1. #bbba3d
  2. #3dbb7b
  3. #3d3ebb
  4. #bb3d7d

Monocromática

  1. #484717
  2. #81812a
  3. #bbba3d
  4. #d1d173
  5. #e4e4ad

Sombras

#bbba3d misturado progressivamente com preto.

  1. #bbba3d
  2. #a8a737
  3. #969531
  4. #83822b
  5. #707025
  6. #5e5d1f
  7. #4b4a18
  8. #383812
  9. #25250c
  10. #131306
  11. #000000

Matizes claros

#bbba3d misturado progressivamente com branco.

  1. #bbba3d
  2. #c2c150
  3. #c9c864
  4. #cfcf77
  5. #d6d68b
  6. #dddd9e
  7. #e4e3b1
  8. #ebeac5
  9. #f1f1d8
  10. #f8f8ec
  11. #ffffff

Tons

#bbba3d misturado progressivamente com cinza.

  1. #bbba3d
  2. #b5b444
  3. #afae4a
  4. #a9a951
  5. #a3a358
  6. #9e9d5f
  7. #989765
  8. #92916c
  9. #8c8c73
  10. #868679
  11. #808080

Texto legível 2.06:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 10.2:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #b5b5b5 ≈ 0.003% dos homens
Acromatomalia #b7b794 ≈ 0.001% dos homens
Protanopia #c9b22a ≈ 1.01% dos homens
Deuteranopia #cbb746 ≈ 1.27% dos homens
Tritanopia #c8aea1 ≈ 0.0001% dos homens
Protanomalia #c3b633 ≈ 1.08% dos homens
Deuteranomalia #c5b842 ≈ 4.63% dos homens
Tritanomalia #c3b384 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-bbba3d {
  color: #bbba3d;
}
Fundo
.bg-bbba3d {
  background-color: #bbba3d;
  color: #000000;
}
Borda
.border-bbba3d {
  border: 2px solid #bbba3d;
}
Variáveis CSS
:root {
  --color-primary: #bbba3d;
  --color-primary-rgb: 187 186 61;
  --color-primary-hsl: 60 51% 49%;
}
Degradê
.gradient-bbba3d {
  background: linear-gradient(135deg, #bbba3d, #7dbb3d);
}
Sombra colorida
.shadow-bbba3d {
  box-shadow: 0 8px 24px rgb(187 186 61 / 0.35);
}

#c5b358 Vegas Gold ΔE 6.13 #b5a642 Brass ΔE 6.59 #bdb76b Dark Khaki ΔE 6.71 #cfb53b Old Gold ΔE 6.77 #e4d96f Straw ΔE 8.92 #8db600 Apple Green ΔE 9.30 #e4d00a Citrine ΔE 9.38 #4445c2 Invertida #b5b5b5 Escala de cinza 

Vegas Gold
#bbba3d  rgb(187, 186, 61)  hsl(60, 51%, 49%)  Vegas Gold
#3d3ebb  rgb(61, 62, 187)  hsl(240, 51%, 49%)  Ocean Blue
#3dbbba  rgb(61, 187, 186)  hsl(180, 51%, 49%)  Tiffany Blue
#ba3dbb  rgb(186, 61, 187)  hsl(300, 51%, 49%)  Purpureus