ColorTool
Entrar
#856151

#856151 ≈ Coffee

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

#856151 é uma cor da família “marrom”, com luminosidade média e saturação suave. No modelo RGB, é formada por 52,16% de vermelho, 38,04% de verde e 31,76% de azul; impressa em CMYK, usa 0% de ciano, 27,07% de magenta, 39,1% de amarelo e 47,84% de preto. Seu ângulo de matiz é 18,46°, com 24,3% de saturação e 41,96% 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 branco sobre esta cor atinge uma razão de contraste de 5,49:1 (WCAG AA). A cor nomeada mais próxima é Coffee (#6f4e37), ΔE 8,1.

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

Complementar

  1. #856151
  2. #517585

Complementar dividida

  1. #856151
  2. #51857b
  3. #515b85

Análoga

  1. #85515b
  2. #856151
  3. #857b51

Triádica

  1. #856151
  2. #518561
  3. #615185

Tetrádica

  1. #856151
  2. #758551
  3. #517585
  4. #615185

Quadrada

  1. #856151
  2. #5b8551
  3. #517585
  4. #7b5185

Monocromática

  1. #261c17
  2. #553e34
  3. #856151
  4. #ac8777
  5. #c9b1a6

Sombras

#856151 misturado progressivamente com preto.

  1. #856151
  2. #785749
  3. #6a4e41
  4. #5d4439
  5. #503a31
  6. #433129
  7. #352720
  8. #281d18
  9. #1b1310
  10. #0d0a08
  11. #000000

Matizes claros

#856151 misturado progressivamente com branco.

  1. #856151
  2. #917162
  3. #9d8174
  4. #aa9085
  5. #b6a097
  6. #c2b0a8
  7. #cec0b9
  8. #dad0cb
  9. #e7dfdc
  10. #f3efee
  11. #ffffff

Tons

#856151 misturado progressivamente com cinza.

  1. #856151
  2. #856456
  3. #84675a
  4. #846a5f
  5. #836d64
  6. #837169
  7. #82746d
  8. #827772
  9. #817a77
  10. #817d7b
  11. #808080

Texto legível 5.49:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Texto legível 3.83:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Acromatopsia #696969 ≈ 0.003% dos homens
Acromatomalia #756660 ≈ 0.001% dos homens
Protanopia #6a6550 ≈ 1.01% dos homens
Deuteranopia #736c51 ≈ 1.27% dos homens
Tritanopia #8e5b5d ≈ 0.0001% dos homens
Protanomalia #766350 ≈ 1.08% dos homens
Deuteranomalia #7a6851 ≈ 4.63% dos homens
Tritanomalia #8b5e58 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-856151 {
  color: #856151;
}
Fundo
.bg-856151 {
  background-color: #856151;
  color: #ffffff;
}
Borda
.border-856151 {
  border: 2px solid #856151;
}
Variáveis CSS
:root {
  --color-primary: #856151;
  --color-primary-rgb: 133 97 81;
  --color-primary-hsl: 18 24% 42%;
}
Degradê
.gradient-856151 {
  background: linear-gradient(135deg, #856151, #857b51);
}
Sombra colorida
.shadow-856151 {
  box-shadow: 0 8px 24px rgb(133 97 81 / 0.35);
}

#6f4e37 Coffee ΔE 8.10 #826644 Raw Umber ΔE 8.96 #996666 Copper Rose ΔE 9.65 #674c47 Liver ΔE 9.69 #635147 Umber ΔE 9.81 #a45a52 Redwood ΔE 10.22 #645452 Wenge ΔE 10.79 #7a9eae Invertida #696969 Escala de cinza 

Coffee
#856151  rgb(133, 97, 81)  hsl(18, 24%, 42%)  Coffee
#517585  rgb(81, 117, 133)  hsl(198, 24%, 42%)  Teal Blue
#518561  rgb(81, 133, 97)  hsl(138, 24%, 42%)  Sea Green
#615185  rgb(97, 81, 133)  hsl(258, 24%, 42%)  Royal Purple