ColorTool
Entrar
#89684F

#89684f ≈ Raw Umber

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

#89684f é uma cor da família “laranja”, com luminosidade média e saturação suave. No modelo RGB, é formada por 53,73% de vermelho, 40,78% de verde e 30,98% de azul; impressa em CMYK, usa 0% de ciano, 24,09% de magenta, 42,34% de amarelo e 46,27% de preto. Seu ângulo de matiz é 25,86°, com 26,85% de saturação e 42,35% de luminosidade em HSL. É uma cor quente, muitas vezes associada a entusiasmo, calor e criatividade. Designers costumam usá-la em botões de chamada para ação, marcas de alimentos e restaurantes e detalhes de marca. Texto branco sobre esta cor atinge uma razão de contraste de 5,05:1 (WCAG AA). A cor nomeada mais próxima é Raw Umber (#826644), ΔE 4,72.

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

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

Complementar

  1. #89684f
  2. #4f7089

Complementar dividida

  1. #89684f
  2. #4f8985
  3. #4f5389

Análoga

  1. #894f53
  2. #89684f
  3. #89854f

Triádica

  1. #89684f
  2. #4f8968
  3. #684f89

Tetrádica

  1. #89684f
  2. #70894f
  3. #4f7089
  4. #684f89

Quadrada

  1. #89684f
  2. #53894f
  3. #4f7089
  4. #854f89

Monocromática

  1. #281e17
  2. #584333
  3. #89684f
  4. #af8e75
  5. #cbb6a6

Sombras

#89684f misturado progressivamente com preto.

  1. #89684f
  2. #7b5e47
  3. #6e533f
  4. #604937
  5. #523e2f
  6. #453428
  7. #372a20
  8. #291f18
  9. #1b1510
  10. #0e0a08
  11. #000000

Matizes claros

#89684f misturado progressivamente com branco.

  1. #89684f
  2. #957761
  3. #a18672
  4. #ac9584
  5. #b8a495
  6. #c4b4a7
  7. #d0c3b9
  8. #dcd2ca
  9. #e7e1dc
  10. #f3f0ed
  11. #ffffff

Tons

#89684f misturado progressivamente com cinza.

  1. #89684f
  2. #886a54
  3. #876d59
  4. #866f5e
  5. #857263
  6. #857468
  7. #84766c
  8. #837971
  9. #827b76
  10. #817e7b
  11. #808080

Texto legível 5.05:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Texto legível 4.16:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Acromatopsia #6f6f6f ≈ 0.003% dos homens
Acromatomalia #7a6c63 ≈ 0.001% dos homens
Protanopia #726a4d ≈ 1.01% dos homens
Deuteranopia #7a724f ≈ 1.27% dos homens
Tritanopia #926161 ≈ 0.0001% dos homens
Protanomalia #7c694e ≈ 1.08% dos homens
Deuteranomalia #806e4f ≈ 4.63% dos homens
Tritanomalia #8f645b ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-89684f {
  color: #89684f;
}
Fundo
.bg-89684f {
  background-color: #89684f;
  color: #ffffff;
}
Borda
.border-89684f {
  border: 2px solid #89684f;
}
Variáveis CSS
:root {
  --color-primary: #89684f;
  --color-primary-rgb: 137 104 79;
  --color-primary-hsl: 26 27% 42%;
}
Degradê
.gradient-89684f {
  background: linear-gradient(135deg, #89684f, #89854f);
}
Sombra colorida
.shadow-89684f {
  box-shadow: 0 8px 24px rgb(137 104 79 / 0.35);
}

#826644 Raw Umber ΔE 4.72 #a67b5b Cafe au Lait ΔE 8.83 #6f4e37 Coffee ΔE 9.49 #9f8170 Beaver ΔE 10.16 #a0522d Sienna ΔE 11.55 #635147 Umber ΔE 11.74 #996515 Golden Brown ΔE 12.22 #7697b0 Invertida #6f6f6f Escala de cinza 

Raw Umber
#89684f  rgb(137, 104, 79)  hsl(26, 27%, 42%)  Raw Umber
#4f7089  rgb(79, 112, 137)  hsl(206, 27%, 42%)  Queen Blue
#4f8968  rgb(79, 137, 104)  hsl(146, 27%, 42%)  Viridian
#684f89  rgb(104, 79, 137)  hsl(266, 27%, 42%)  Royal Purple