ColorTool
Entrar
#89696F

#89696f ≈ Mauve Taupe

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

#89696f é uma cor da família “vermelho”, com luminosidade média e saturação suave. No modelo RGB, é formada por 53,73% de vermelho, 41,18% de verde e 43,53% de azul; impressa em CMYK, usa 0% de ciano, 23,36% de magenta, 18,98% de amarelo e 46,27% de preto. Seu ângulo de matiz é 348,75°, com 13,22% de saturação e 47,45% de luminosidade em HSL. É uma cor quente, muitas vezes associada a energia, paixão e urgência. Designers costumam usá-la em marcas de alimentos e restaurantes, vendas e promoções e detalhes de marca. Texto branco sobre esta cor atinge uma razão de contraste de 4,87:1 (WCAG AA). A cor nomeada mais próxima é Mauve Taupe (#915f6d), ΔE 5,88.

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

Complementar

  1. #89696f
  2. #698983

Complementar dividida

  1. #89696f
  2. #698973
  3. #697f89

Análoga

  1. #89697f
  2. #89696f
  3. #897369

Triádica

  1. #89696f
  2. #6f8969
  3. #696f89

Tetrádica

  1. #89696f
  2. #898369
  3. #698983
  4. #696f89

Quadrada

  1. #89696f
  2. #7f8969
  3. #698983
  4. #736989

Monocromática

  1. #322729
  2. #5e484c
  3. #89696f
  4. #ac9397
  5. #cdbec1

Sombras

#89696f misturado progressivamente com preto.

  1. #89696f
  2. #7b5f64
  3. #6e5459
  4. #604a4e
  5. #523f43
  6. #453538
  7. #372a2c
  8. #292021
  9. #1b1516
  10. #0e0b0b
  11. #000000

Matizes claros

#89696f misturado progressivamente com branco.

  1. #89696f
  2. #95787d
  3. #a1878c
  4. #ac969a
  5. #b8a5a9
  6. #c4b4b7
  7. #d0c3c5
  8. #dcd2d4
  9. #e7e1e2
  10. #f3f0f1
  11. #ffffff

Tons

#89696f misturado progressivamente com cinza.

  1. #89696f
  2. #886b71
  3. #876e72
  4. #867074
  5. #857276
  6. #857578
  7. #847779
  8. #83797b
  9. #827b7d
  10. #817e7e
  11. #808080

Texto legível 4.87:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Texto legível 4.31:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Acromatopsia #717171 ≈ 0.003% dos homens
Acromatomalia #7b6e70 ≈ 0.001% dos homens
Protanopia #6d6e6f ≈ 1.01% dos homens
Deuteranopia #75736e ≈ 1.27% dos homens
Tritanopia #8f676b ≈ 0.0001% dos homens
Protanomalia #796c6f ≈ 1.08% dos homens
Deuteranomalia #7d6f6f ≈ 4.63% dos homens
Tritanomalia #8d686d ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-89696f {
  color: #89696f;
}
Fundo
.bg-89696f {
  background-color: #89696f;
  color: #ffffff;
}
Borda
.border-89696f {
  border: 2px solid #89696f;
}
Variáveis CSS
:root {
  --color-primary: #89696f;
  --color-primary-rgb: 137 105 111;
  --color-primary-hsl: 349 13% 47%;
}
Degradê
.gradient-89696f {
  background: linear-gradient(135deg, #89696f, #897369);
}
Sombra colorida
.shadow-89696f {
  box-shadow: 0 8px 24px rgb(137 105 111 / 0.35);
}

#915f6d Mauve Taupe ΔE 5.88 #996666 Copper Rose ΔE 6.14 #796878 Old Lavender ΔE 7.00 #997a8d Mountbatten Pink ΔE 8.62 #b57281 Turkish Rose ΔE 11.44 #b76e79 Rose Gold ΔE 11.65 #645452 Wenge ΔE 11.91 #769690 Invertida #717171 Escala de cinza 

Mauve Taupe
#89696f  rgb(137, 105, 111)  hsl(349, 13%, 47%)  Mauve Taupe
#698983  rgb(105, 137, 131)  hsl(169, 13%, 47%)  Xanadu
#6f8969  rgb(111, 137, 105)  hsl(109, 13%, 47%)  Xanadu
#696f89  rgb(105, 111, 137)  hsl(229, 13%, 47%)  Slate Gray