ColorTool
Entrar
#BCAA32

#bcaa32 ≈ Brass

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

#bcaa32 é uma cor da família “amarelo”, com luminosidade média e saturação forte. No modelo RGB, é formada por 73,73% de vermelho, 66,67% de verde e 19,61% de azul; impressa em CMYK, usa 0% de ciano, 9,57% de magenta, 73,4% de amarelo e 26,27% de preto. Seu ângulo de matiz é 52,17°, com 57,98% de saturação e 46,67% 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 8,93:1 (WCAG AAA). A cor nomeada mais próxima é Brass (#b5a642), ΔE 2,73.

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.3967

Complementar

  1. #bcaa32
  2. #3244bc

Complementar dividida

  1. #bcaa32
  2. #3289bc
  3. #6532bc

Análoga

  1. #bc6532
  2. #bcaa32
  3. #89bc32

Triádica

  1. #bcaa32
  2. #32bcaa
  3. #aa32bc

Tetrádica

  1. #bcaa32
  2. #44bc32
  3. #3244bc
  4. #aa32bc

Quadrada

  1. #bcaa32
  2. #32bc65
  3. #3244bc
  4. #bc3289

Monocromática

  1. #433d12
  2. #807322
  3. #bcaa32
  4. #d6c765
  5. #e6dda1

Sombras

#bcaa32 misturado progressivamente com preto.

  1. #bcaa32
  2. #a9992d
  3. #968828
  4. #847723
  5. #71661e
  6. #5e5519
  7. #4b4414
  8. #38330f
  9. #26220a
  10. #131105
  11. #000000

Matizes claros

#bcaa32 misturado progressivamente com branco.

  1. #bcaa32
  2. #c3b347
  3. #c9bb5b
  4. #d0c470
  5. #d7cc84
  6. #ded599
  7. #e4ddad
  8. #ebe6c2
  9. #f2eed6
  10. #f8f7eb
  11. #ffffff

Tons

#bcaa32 misturado progressivamente com cinza.

  1. #bcaa32
  2. #b6a63a
  3. #b0a242
  4. #aa9d49
  5. #a49951
  6. #9e9559
  7. #989161
  8. #928d69
  9. #8c8870
  10. #868478
  11. #808080

Texto legível 2.35:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 8.93:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #a9a9a9 ≈ 0.003% dos homens
Acromatomalia #b1a989 ≈ 0.001% dos homens
Protanopia #baa51d ≈ 1.01% dos homens
Deuteranopia #bfac3a ≈ 1.27% dos homens
Tritanopia #cb9d93 ≈ 0.0001% dos homens
Protanomalia #bba727 ≈ 1.08% dos homens
Deuteranomalia #beab37 ≈ 4.63% dos homens
Tritanomalia #c5a378 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-bcaa32 {
  color: #bcaa32;
}
Fundo
.bg-bcaa32 {
  background-color: #bcaa32;
  color: #000000;
}
Borda
.border-bcaa32 {
  border: 2px solid #bcaa32;
}
Variáveis CSS
:root {
  --color-primary: #bcaa32;
  --color-primary-rgb: 188 170 50;
  --color-primary-hsl: 52 58% 47%;
}
Degradê
.gradient-bcaa32 {
  background: linear-gradient(135deg, #bcaa32, #89bc32);
}
Sombra colorida
.shadow-bcaa32 {
  box-shadow: 0 8px 24px rgb(188 170 50 / 0.35);
}

#b5a642 Brass ΔE 2.73 #cfb53b Old Gold ΔE 4.08 #c5b358 Vegas Gold ΔE 4.51 #d4af37 Metallic Gold ΔE 5.84 #bdb76b Dark Khaki ΔE 7.88 #e5b73b Meat Brown ΔE 9.12 #daa520 Goldenrod ΔE 9.76 #4355cd Invertida #a9a9a9 Escala de cinza 

Brass
#bcaa32  rgb(188, 170, 50)  hsl(52, 58%, 47%)  Brass
#3244bc  rgb(50, 68, 188)  hsl(232, 58%, 47%)  Persian Blue
#32bcaa  rgb(50, 188, 170)  hsl(172, 58%, 47%)  Light Sea Green
#aa32bc  rgb(170, 50, 188)  hsl(292, 58%, 47%)  Dark Orchid