ColorTool
Entrar
#B07C22

#b07c22 ≈ Dark Goldenrod

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

#b07c22 é uma cor da família “marrom”, com luminosidade média e saturação forte. No modelo RGB, é formada por 69,02% de vermelho, 48,63% de verde e 13,33% de azul; impressa em CMYK, usa 0% de ciano, 29,55% de magenta, 80,68% de amarelo e 30,98% de preto. Seu ângulo de matiz é 38,03°, com 67,62% de saturação e 41,18% 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 5,75:1 (WCAG AA). A cor nomeada mais próxima é Dark Goldenrod (#b8860b), ΔE 4,78.

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

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

Complementar

  1. #b07c22
  2. #2256b0

Complementar dividida

  1. #b07c22
  2. #229db0
  3. #3522b0

Análoga

  1. #b03522
  2. #b07c22
  3. #9db022

Triádica

  1. #b07c22
  2. #22b07c
  3. #7c22b0

Tetrádica

  1. #b07c22
  2. #56b022
  3. #2256b0
  4. #7c22b0

Quadrada

  1. #b07c22
  2. #22b035
  3. #2256b0
  4. #b0229d

Monocromática

  1. #302209
  2. #704f16
  3. #b07c22
  4. #dba344
  5. #e7c384

Sombras

#b07c22 misturado progressivamente com preto.

  1. #b07c22
  2. #9e701f
  3. #8d631b
  4. #7b5718
  5. #6a4a14
  6. #583e11
  7. #46320e
  8. #35250a
  9. #231907
  10. #120c03
  11. #000000

Matizes claros

#b07c22 misturado progressivamente com branco.

  1. #b07c22
  2. #b88938
  3. #c0964e
  4. #c8a364
  5. #d0b07a
  6. #d8be91
  7. #dfcba7
  8. #e7d8bd
  9. #efe5d3
  10. #f7f2e9
  11. #ffffff

Tons

#b07c22 misturado progressivamente com cinza.

  1. #b07c22
  2. #ab7c2b
  3. #a67d35
  4. #a27d3e
  5. #9d7e48
  6. #987e51
  7. #937e5a
  8. #8e7f64
  9. #8a7f6d
  10. #858077
  11. #808080

Texto legível 3.65:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Texto legível 5.75:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Acromatopsia #868686 ≈ 0.003% dos homens
Acromatomalia #98826c ≈ 0.001% dos homens
Protanopia #8f7e11 ≈ 1.01% dos homens
Deuteranopia #9b8b26 ≈ 1.27% dos homens
Tritanopia #c06e6b ≈ 0.0001% dos homens
Protanomalia #9d7d19 ≈ 1.08% dos homens
Deuteranomalia #a48524 ≈ 4.63% dos homens
Tritanomalia #ba7456 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-b07c22 {
  color: #b07c22;
}
Fundo
.bg-b07c22 {
  background-color: #b07c22;
  color: #000000;
}
Borda
.border-b07c22 {
  border: 2px solid #b07c22;
}
Variáveis CSS
:root {
  --color-primary: #b07c22;
  --color-primary-rgb: 176 124 34;
  --color-primary-hsl: 38 68% 41%;
}
Degradê
.gradient-b07c22 {
  background: linear-gradient(135deg, #b07c22, #9db022);
}
Sombra colorida
.shadow-b07c22 {
  box-shadow: 0 8px 24px rgb(176 124 34 / 0.35);
}

#b8860b Dark Goldenrod ΔE 4.78 #b87333 Copper ΔE 7.99 #cd7f32 Bronze ΔE 8.63 #cd853f Peru ΔE 8.81 #b06500 Ginger ΔE 8.95 #996515 Golden Brown ΔE 8.96 #cc7722 Ochre ΔE 9.09 #4f83dd Invertida #868686 Escala de cinza 

Dark Goldenrod
#b07c22  rgb(176, 124, 34)  hsl(38, 68%, 41%)  Dark Goldenrod
#2256b0  rgb(34, 86, 176)  hsl(218, 68%, 41%)  Sapphire
#22b07c  rgb(34, 176, 124)  hsl(158, 68%, 41%)  Mint
#7c22b0  rgb(124, 34, 176)  hsl(278, 68%, 41%)  Purple Heart