ColorTool
Entrar
#B09C43

#b09c43 ≈ Brass

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

#b09c43 é uma cor da família “amarelo”, com luminosidade média e saturação moderada. No modelo RGB, é formada por 69,02% de vermelho, 61,18% de verde e 26,27% de azul; impressa em CMYK, usa 0% de ciano, 11,36% de magenta, 61,93% de amarelo e 30,98% de preto. Seu ângulo de matiz é 48,99°, com 44,86% de saturação e 47,65% 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 7,68:1 (WCAG AAA). A cor nomeada mais próxima é Brass (#b5a642), ΔE 3,43.

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

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

Complementar

  1. #b09c43
  2. #4357b0

Complementar dividida

  1. #b09c43
  2. #438eb0
  3. #6643b0

Análoga

  1. #b06643
  2. #b09c43
  3. #8eb043

Triádica

  1. #b09c43
  2. #43b09c
  3. #9c43b0

Tetrádica

  1. #b09c43
  2. #57b043
  3. #4357b0
  4. #9c43b0

Quadrada

  1. #b09c43
  2. #43b066
  3. #4357b0
  4. #b0438e

Monocromática

  1. #413a19
  2. #796b2e
  3. #b09c43
  4. #cabb75
  5. #e0d6ac

Sombras

#b09c43 misturado progressivamente com preto.

  1. #b09c43
  2. #9e8c3c
  3. #8d7d36
  4. #7b6d2f
  5. #6a5e28
  6. #584e22
  7. #463e1b
  8. #352f14
  9. #231f0d
  10. #121007
  11. #000000

Matizes claros

#b09c43 misturado progressivamente com branco.

  1. #b09c43
  2. #b8a656
  3. #c0b069
  4. #c8ba7b
  5. #d0c48e
  6. #d8cea1
  7. #dfd7b4
  8. #e7e1c7
  9. #efebd9
  10. #f7f5ec
  11. #ffffff

Tons

#b09c43 misturado progressivamente com cinza.

  1. #b09c43
  2. #ab9949
  3. #a6964f
  4. #a29455
  5. #9d915b
  6. #988e62
  7. #938b68
  8. #8e886e
  9. #8a8674
  10. #85837a
  11. #808080

Texto legível 2.73:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 7.68:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #9c9c9c ≈ 0.003% dos homens
Acromatomalia #a59c82 ≈ 0.001% dos homens
Protanopia #aa9939 ≈ 1.01% dos homens
Deuteranopia #b09f47 ≈ 1.27% dos homens
Tritanopia #bd9189 ≈ 0.0001% dos homens
Protanomalia #ad9a3d ≈ 1.08% dos homens
Deuteranomalia #b09e46 ≈ 4.63% dos homens
Tritanomalia #b89673 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-b09c43 {
  color: #b09c43;
}
Fundo
.bg-b09c43 {
  background-color: #b09c43;
  color: #000000;
}
Borda
.border-b09c43 {
  border: 2px solid #b09c43;
}
Variáveis CSS
:root {
  --color-primary: #b09c43;
  --color-primary-rgb: 176 156 67;
  --color-primary-hsl: 49 45% 48%;
}
Degradê
.gradient-b09c43 {
  background: linear-gradient(135deg, #b09c43, #8eb043);
}
Sombra colorida
.shadow-b09c43 {
  box-shadow: 0 8px 24px rgb(176 156 67 / 0.35);
}

#b5a642 Brass ΔE 3.43 #c5b358 Vegas Gold ΔE 6.60 #cfb53b Old Gold ΔE 8.44 #d4af37 Metallic Gold ΔE 8.51 #bdb76b Dark Khaki ΔE 8.69 #c2b280 Ecru ΔE 10.01 #b8860b Dark Goldenrod ΔE 10.47 #4f63bc Invertida #9c9c9c Escala de cinza 

Brass
#b09c43  rgb(176, 156, 67)  hsl(49, 45%, 48%)  Brass
#4357b0  rgb(67, 87, 176)  hsl(229, 45%, 48%)  Sapphire
#43b09c  rgb(67, 176, 156)  hsl(169, 45%, 48%)  Persian Green
#9c43b0  rgb(156, 67, 176)  hsl(289, 45%, 48%)  Purpureus