ColorTool
Entrar
#B4B01A

#b4b01a ≈ Brass

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

#b4b01a é uma cor da família “amarelo”, com luminosidade média e saturação forte. No modelo RGB, é formada por 70,59% de vermelho, 69,02% de verde e 10,2% de azul; impressa em CMYK, usa 0% de ciano, 2,22% de magenta, 85,56% de amarelo e 29,41% de preto. Seu ângulo de matiz é 58,44°, com 74,76% de saturação e 40,39% 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 9,17:1 (WCAG AAA). A cor nomeada mais próxima é Brass (#b5a642), ΔE 5,65.

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

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

Complementar

  1. #b4b01a
  2. #1a1eb4

Complementar dividida

  1. #b4b01a
  2. #1a6bb4
  3. #631ab4

Análoga

  1. #b4631a
  2. #b4b01a
  3. #6bb41a

Triádica

  1. #b4b01a
  2. #1ab4b0
  3. #b01ab4

Tetrádica

  1. #b4b01a
  2. #1eb41a
  3. #1a1eb4
  4. #b01ab4

Quadrada

  1. #b4b01a
  2. #1ab463
  3. #1a1eb4
  4. #b41a6b

Monocromática

  1. #2e2d07
  2. #716f10
  3. #b4b01a
  4. #e2de38
  5. #ece97b

Sombras

#b4b01a misturado progressivamente com preto.

  1. #b4b01a
  2. #a29e17
  3. #908d15
  4. #7e7b12
  5. #6c6a10
  6. #5a580d
  7. #48460a
  8. #363508
  9. #242305
  10. #121203
  11. #000000

Matizes claros

#b4b01a misturado progressivamente com branco.

  1. #b4b01a
  2. #bcb831
  3. #c3c048
  4. #cbc85f
  5. #d2d076
  6. #dad88d
  7. #e1dfa3
  8. #e9e7ba
  9. #f0efd1
  10. #f8f7e8
  11. #ffffff

Tons

#b4b01a misturado progressivamente com cinza.

  1. #b4b01a
  2. #afab24
  3. #aaa62e
  4. #a4a239
  5. #9f9d43
  6. #9a984d
  7. #959357
  8. #908e61
  9. #8a8a6c
  10. #858576
  11. #808080

Texto legível 2.29:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 9.17:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #ababab ≈ 0.003% dos homens
Acromatomalia #afad89 ≈ 0.001% dos homens
Protanopia #c0a900 ≈ 1.01% dos homens
Deuteranopia #c2ad2a ≈ 1.27% dos homens
Tritanopia #c2a496 ≈ 0.0001% dos homens
Protanomalia #bbac00 ≈ 1.08% dos homens
Deuteranomalia #bdae25 ≈ 4.63% dos homens
Tritanomalia #bca978 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-b4b01a {
  color: #b4b01a;
}
Fundo
.bg-b4b01a {
  background-color: #b4b01a;
  color: #000000;
}
Borda
.border-b4b01a {
  border: 2px solid #b4b01a;
}
Variáveis CSS
:root {
  --color-primary: #b4b01a;
  --color-primary-rgb: 180 176 26;
  --color-primary-hsl: 58 75% 40%;
}
Degradê
.gradient-b4b01a {
  background: linear-gradient(135deg, #b4b01a, #6bb41a);
}
Sombra colorida
.shadow-b4b01a {
  box-shadow: 0 8px 24px rgb(180 176 26 / 0.35);
}

#b5a642 Brass ΔE 5.65 #cfb53b Old Gold ΔE 6.63 #c5b358 Vegas Gold ΔE 7.09 #bdb76b Dark Khaki ΔE 8.82 #d4af37 Metallic Gold ΔE 9.42 #8db600 Apple Green ΔE 9.60 #e4d00a Citrine ΔE 10.22 #4b4fe5 Invertida #ababab Escala de cinza 

Brass
#b4b01a  rgb(180, 176, 26)  hsl(58, 75%, 40%)  Brass
#1a1eb4  rgb(26, 30, 180)  hsl(238, 75%, 40%)  Zaffre
#1ab4b0  rgb(26, 180, 176)  hsl(178, 75%, 40%)  Light Sea Green
#b01ab4  rgb(176, 26, 180)  hsl(298, 75%, 40%)  Dark Orchid