ColorTool
Entrar
#96856E

#96856e ≈ Beaver

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

#96856e é uma cor da família “laranja”, com luminosidade média e saturação suave. No modelo RGB, é formada por 58,82% de vermelho, 52,16% de verde e 43,14% de azul; impressa em CMYK, usa 0% de ciano, 11,33% de magenta, 26,67% de amarelo e 41,18% de preto. Seu ângulo de matiz é 34,5°, com 16% de saturação e 50,98% 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 preto sobre esta cor atinge uma razão de contraste de 5,88:1 (WCAG AA). A cor nomeada mais próxima é Beaver (#9f8170), ΔE 7,36.

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

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

Complementar

  1. #96856e
  2. #6e7f96

Complementar dividida

  1. #96856e
  2. #6e9396
  3. #716e96

Análoga

  1. #96716e
  2. #96856e
  3. #93966e

Triádica

  1. #96856e
  2. #6e9685
  3. #856e96

Tetrádica

  1. #96856e
  2. #7f966e
  3. #6e7f96
  4. #856e96

Quadrada

  1. #96856e
  2. #6e9671
  3. #6e7f96
  4. #966e93

Monocromática

  1. #3e372d
  2. #6a5e4d
  3. #96856e
  4. #b6aa9a
  5. #d6d0c7

Sombras

#96856e misturado progressivamente com preto.

  1. #96856e
  2. #877863
  3. #786a58
  4. #695d4d
  5. #5a5042
  6. #4b4337
  7. #3c352c
  8. #2d2821
  9. #1e1b16
  10. #0f0d0b
  11. #000000

Matizes claros

#96856e misturado progressivamente com branco.

  1. #96856e
  2. #a1917d
  3. #ab9d8b
  4. #b6aa9a
  5. #c0b6a8
  6. #cbc2b7
  7. #d5cec5
  8. #e0dad4
  9. #eae7e2
  10. #f5f3f1
  11. #ffffff

Tons

#96856e misturado progressivamente com cinza.

  1. #96856e
  2. #948570
  3. #928472
  4. #8f8473
  5. #8d8375
  6. #8b8377
  7. #898279
  8. #87827b
  9. #84817c
  10. #82817e
  11. #808080

Texto legível 3.57:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Texto legível 5.88:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Acromatopsia #878787 ≈ 0.003% dos homens
Acromatomalia #8d867e ≈ 0.001% dos homens
Protanopia #8c856d ≈ 1.01% dos homens
Deuteranopia #90896f ≈ 1.27% dos homens
Tritanopia #9d807f ≈ 0.0001% dos homens
Protanomalia #90856d ≈ 1.08% dos homens
Deuteranomalia #92876e ≈ 4.63% dos homens
Tritanomalia #9a8278 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-96856e {
  color: #96856e;
}
Fundo
.bg-96856e {
  background-color: #96856e;
  color: #000000;
}
Borda
.border-96856e {
  border: 2px solid #96856e;
}
Variáveis CSS
:root {
  --color-primary: #96856e;
  --color-primary-rgb: 150 133 110;
  --color-primary-hsl: 35 16% 51%;
}
Degradê
.gradient-96856e {
  background: linear-gradient(135deg, #96856e, #93966e);
}
Sombra colorida
.shadow-96856e {
  box-shadow: 0 8px 24px rgb(150 133 110 / 0.35);
}

#9f8170 Beaver ΔE 7.36 #a67b5b Cafe au Lait ΔE 9.35 #848482 Battleship Gray ΔE 10.76 #808080 Gray ΔE 11.71 #808080 Grey ΔE 11.71 #c19a6b Camel ΔE 11.80 #826644 Raw Umber ΔE 12.53 #697a91 Invertida #878787 Escala de cinza 

Beaver
#96856e  rgb(150, 133, 110)  hsl(35, 16%, 51%)  Beaver
#6e7f96  rgb(110, 127, 150)  hsl(215, 16%, 51%)  Slate Gray
#6e9685  rgb(110, 150, 133)  hsl(155, 16%, 51%)  Xanadu
#856e96  rgb(133, 110, 150)  hsl(275, 16%, 51%)  Purple Mountain Majesty