ColorTool
Entrar
#B26E1B

#b26e1b ≈ Ginger

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

#b26e1b é uma cor da família “marrom”, com luminosidade média e saturação forte. No modelo RGB, é formada por 69,8% de vermelho, 43,14% de verde e 10,59% de azul; impressa em CMYK, usa 0% de ciano, 38,2% de magenta, 84,83% de amarelo e 30,2% de preto. Seu ângulo de matiz é 32,98°, com 73,66% de saturação e 40,2% 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,14:1 (WCAG AA). A cor nomeada mais próxima é Ginger (#b06500), ΔE 3,09.

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

Complementar

  1. #b26e1b
  2. #1b5fb2

Complementar dividida

  1. #b26e1b
  2. #1babb2
  3. #231bb2

Análoga

  1. #b2231b
  2. #b26e1b
  3. #abb21b

Triádica

  1. #b26e1b
  2. #1bb26e
  3. #6e1bb2

Tetrádica

  1. #b26e1b
  2. #5fb21b
  3. #1b5fb2
  4. #6e1bb2

Quadrada

  1. #b26e1b
  2. #1bb223
  3. #1b5fb2
  4. #b21bab

Monocromática

  1. #2d1c07
  2. #704511
  3. #b26e1b
  4. #e19539
  5. #ebb97b

Sombras

#b26e1b misturado progressivamente com preto.

  1. #b26e1b
  2. #a06318
  3. #8e5816
  4. #7d4d13
  5. #6b4210
  6. #59370e
  7. #472c0b
  8. #352108
  9. #241605
  10. #120b03
  11. #000000

Matizes claros

#b26e1b misturado progressivamente com branco.

  1. #b26e1b
  2. #ba7d32
  3. #c18b49
  4. #c99a5f
  5. #d1a876
  6. #d9b78d
  7. #e0c5a4
  8. #e8d4bb
  9. #f0e2d1
  10. #f7f1e8
  11. #ffffff

Tons

#b26e1b misturado progressivamente com cinza.

  1. #b26e1b
  2. #ad7025
  3. #a8722f
  4. #a37339
  5. #9e7543
  6. #99774e
  7. #947958
  8. #8f7b62
  9. #8a7c6c
  10. #857e76
  11. #808080

Texto legível 4.09:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Texto legível 5.14:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Acromatopsia #7e7e7e ≈ 0.003% dos homens
Acromatomalia #957864 ≈ 0.001% dos homens
Protanopia #847408 ≈ 1.01% dos homens
Deuteranopia #94841d ≈ 1.27% dos homens
Tritanopia #c35e5f ≈ 0.0001% dos homens
Protanomalia #987211 ≈ 1.08% dos homens
Deuteranomalia #a17c1c ≈ 4.63% dos homens
Tritanomalia #bc654c ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-b26e1b {
  color: #b26e1b;
}
Fundo
.bg-b26e1b {
  background-color: #b26e1b;
  color: #000000;
}
Borda
.border-b26e1b {
  border: 2px solid #b26e1b;
}
Variáveis CSS
:root {
  --color-primary: #b26e1b;
  --color-primary-rgb: 178 110 27;
  --color-primary-hsl: 33 74% 40%;
}
Degradê
.gradient-b26e1b {
  background: linear-gradient(135deg, #b26e1b, #abb21b);
}
Sombra colorida
.shadow-b26e1b {
  box-shadow: 0 8px 24px rgb(178 110 27 / 0.35);
}

#b06500 Ginger ΔE 3.09 #b87333 Copper ΔE 3.86 #cc7722 Ochre ΔE 6.20 #996515 Golden Brown ΔE 6.55 #cd7f32 Bronze ΔE 7.38 #cd853f Peru ΔE 8.65 #d2691e Chocolate ΔE 9.17 #4d91e4 Invertida #7e7e7e Escala de cinza 

Ginger
#b26e1b  rgb(178, 110, 27)  hsl(33, 74%, 40%)  Ginger
#1b5fb2  rgb(27, 95, 178)  hsl(213, 74%, 40%)  Denim
#1bb26e  rgb(27, 178, 110)  hsl(153, 74%, 40%)  Medium Sea Green
#6e1bb2  rgb(110, 27, 178)  hsl(273, 74%, 40%)  Purple Heart