ColorTool
Entrar
#80701A

#80701a ≈ Olive

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

#80701a é uma cor da família “amarelo”, com luminosidade baixa e saturação moderada. No modelo RGB, é formada por 50,2% de vermelho, 43,92% de verde e 10,2% de azul; impressa em CMYK, usa 0% de ciano, 12,5% de magenta, 79,69% de amarelo e 49,8% de preto. Seu ângulo de matiz é 50,59°, com 66,23% de saturação e 30,2% 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 identidades corporativas. Texto branco sobre esta cor atinge uma razão de contraste de 4,94:1 (WCAG AA). A cor nomeada mais próxima é Olive (#808000), ΔE 7,65.

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

Complementar

  1. #80701a
  2. #1a2a80

Complementar dividida

  1. #80701a
  2. #1a5d80
  3. #3d1a80

Análoga

  1. #803d1a
  2. #80701a
  3. #5d801a

Triádica

  1. #80701a
  2. #1a8070
  3. #701a80

Tetrádica

  1. #80701a
  2. #2a801a
  3. #1a2a80
  4. #701a80

Quadrada

  1. #80701a
  2. #1a803d
  3. #1a2a80
  4. #801a5d

Monocromática

  1. #110f03
  2. #40380d
  3. #80701a
  4. #c0a827
  5. #ddc856

Sombras

#80701a misturado progressivamente com preto.

  1. #80701a
  2. #736517
  3. #665a15
  4. #5a4e12
  5. #4d4310
  6. #40380d
  7. #332d0a
  8. #262208
  9. #1a1605
  10. #0d0b03
  11. #000000

Matizes claros

#80701a misturado progressivamente com branco.

  1. #80701a
  2. #8d7e31
  3. #998d48
  4. #a69b5f
  5. #b3a976
  6. #c0b88d
  7. #ccc6a3
  8. #d9d4ba
  9. #e6e2d1
  10. #f2f1e8
  11. #ffffff

Tons

#80701a misturado progressivamente com cinza.

  1. #80701a
  2. #807224
  3. #80732e
  4. #807539
  5. #807643
  6. #80784d
  7. #807a57
  8. #807b61
  9. #807d6c
  10. #807e76
  11. #808080

Texto legível 4.94:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Texto legível 4.25:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Acromatopsia #707070 ≈ 0.003% dos homens
Acromatomalia #77705a ≈ 0.001% dos homens
Protanopia #7c6d07 ≈ 1.01% dos homens
Deuteranopia #807320 ≈ 1.27% dos homens
Tritanopia #8b6760 ≈ 0.0001% dos homens
Protanomalia #7e6e11 ≈ 1.08% dos homens
Deuteranomalia #80721e ≈ 4.63% dos homens
Tritanomalia #876b4d ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-80701a {
  color: #80701a;
}
Fundo
.bg-80701a {
  background-color: #80701a;
  color: #ffffff;
}
Borda
.border-80701a {
  border: 2px solid #80701a;
}
Variáveis CSS
:root {
  --color-primary: #80701a;
  --color-primary-rgb: 128 112 26;
  --color-primary-hsl: 51 66% 30%;
}
Degradê
.gradient-80701a {
  background: linear-gradient(135deg, #80701a, #5d801a);
}
Sombra colorida
.shadow-80701a {
  box-shadow: 0 8px 24px rgb(128 112 26 / 0.35);
}

#808000 Olive ΔE 7.65 #6c541e Field Drab ΔE 11.46 #996515 Golden Brown ΔE 12.32 #826644 Raw Umber ΔE 12.57 #556b2f Dark Olive Green ΔE 14.19 #b8860b Dark Goldenrod ΔE 15.03 #568203 Avocado ΔE 15.84 #7f8fe5 Invertida #707070 Escala de cinza 

Olive
#80701a  rgb(128, 112, 26)  hsl(51, 66%, 30%)  Olive
#1a2a80  rgb(26, 42, 128)  hsl(231, 66%, 30%)  Imperial Blue
#1a8070  rgb(26, 128, 112)  hsl(171, 66%, 30%)  Pine Green
#701a80  rgb(112, 26, 128)  hsl(291, 66%, 30%)  Purple