ColorTool
Entrar
#BB7D16

#bb7d16 ≈ Dark Goldenrod

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

#bb7d16 é uma cor da família “marrom”, com luminosidade média e saturação forte. No modelo RGB, é formada por 73,33% de vermelho, 49,02% de verde e 8,63% de azul; impressa em CMYK, usa 0% de ciano, 33,16% de magenta, 88,24% de amarelo e 26,67% de preto. Seu ângulo de matiz é 37,45°, com 78,95% de saturação e 40,98% de luminosidade em HSL. É uma cor quente, muitas vezes associada a confiabilidade, aconchego e naturalidade. Designers costumam usá-la em cafeterias e marcas de café, estilos rústicos e naturais e detalhes de marca. Texto preto sobre esta cor atinge uma razão de contraste de 6,06:1 (WCAG AA). A cor nomeada mais próxima é Dark Goldenrod (#b8860b), ΔE 4,96.

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

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

Complementar

  1. #bb7d16
  2. #1654bb

Complementar dividida

  1. #bb7d16
  2. #16a7bb
  3. #2a16bb

Análoga

  1. #bb2a16
  2. #bb7d16
  3. #a7bb16

Triádica

  1. #bb7d16
  2. #16bb7d
  3. #7d16bb

Tetrádica

  1. #bb7d16
  2. #54bb16
  3. #1654bb
  4. #7d16bb

Quadrada

  1. #bb7d16
  2. #16bb2a
  3. #1654bb
  4. #bb16a7

Monocromática

  1. #322106
  2. #774f0e
  3. #bb7d16
  4. #e7a536
  5. #efc47b

Sombras

#bb7d16 misturado progressivamente com preto.

  1. #bb7d16
  2. #a87114
  3. #966412
  4. #83580f
  5. #704b0d
  6. #5e3f0b
  7. #4b3209
  8. #382607
  9. #251904
  10. #130d02
  11. #000000

Matizes claros

#bb7d16 misturado progressivamente com branco.

  1. #bb7d16
  2. #c28a2d
  3. #c99745
  4. #cfa45c
  5. #d6b173
  6. #ddbe8b
  7. #e4cba2
  8. #ebd8b9
  9. #f1e5d0
  10. #f8f2e8
  11. #ffffff

Tons

#bb7d16 misturado progressivamente com cinza.

  1. #bb7d16
  2. #b57d21
  3. #af7e2b
  4. #a97e36
  5. #a37e40
  6. #9e7f4b
  7. #987f56
  8. #927f60
  9. #8c7f6b
  10. #868075
  11. #808080

Texto legível 3.47:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Texto legível 6.06:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Acromatopsia #8a8a8a ≈ 0.003% dos homens
Acromatomalia #a0856e ≈ 0.001% dos homens
Protanopia #938100 ≈ 1.01% dos homens
Deuteranopia #a1901b ≈ 1.27% dos homens
Tritanopia #cc6d6b ≈ 0.0001% dos homens
Protanomalia #a47f04 ≈ 1.08% dos homens
Deuteranomalia #ac8919 ≈ 4.63% dos homens
Tritanomalia #c67455 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-bb7d16 {
  color: #bb7d16;
}
Fundo
.bg-bb7d16 {
  background-color: #bb7d16;
  color: #000000;
}
Borda
.border-bb7d16 {
  border: 2px solid #bb7d16;
}
Variáveis CSS
:root {
  --color-primary: #bb7d16;
  --color-primary-rgb: 187 125 22;
  --color-primary-hsl: 37 79% 41%;
}
Degradê
.gradient-bb7d16 {
  background: linear-gradient(135deg, #bb7d16, #a7bb16);
}
Sombra colorida
.shadow-bb7d16 {
  box-shadow: 0 8px 24px rgb(187 125 22 / 0.35);
}

#b8860b Dark Goldenrod ΔE 4.96 #cd7f32 Bronze ΔE 6.81 #cc7722 Ochre ΔE 7.19 #cd853f Peru ΔE 7.29 #b87333 Copper ΔE 7.61 #b06500 Ginger ΔE 8.68 #e48400 Fulvous ΔE 8.96 #4482e9 Invertida #8a8a8a Escala de cinza 

Dark Goldenrod
#bb7d16  rgb(187, 125, 22)  hsl(37, 79%, 41%)  Dark Goldenrod
#1654bb  rgb(22, 84, 187)  hsl(217, 79%, 41%)  Sapphire
#16bb7d  rgb(22, 187, 125)  hsl(157, 79%, 41%)  Medium Sea Green
#7d16bb  rgb(125, 22, 187)  hsl(277, 79%, 41%)  Dark Violet