ColorTool
Entrar
#665F51

#665f51 ≈ Dim Gray

  • marrom
  • Luminosidade: baixa
  • Saturação: quase nula
  • Neutra
Verificar contraste Explorar no grafo Cor aleatória

#665f51 é uma cor da família “marrom”, com luminosidade baixa e saturação quase nula. No modelo RGB, é formada por 40% de vermelho, 37,25% de verde e 31,76% de azul; impressa em CMYK, usa 0% de ciano, 6,86% de magenta, 20,59% de amarelo e 60% de preto. Seu ângulo de matiz é 40°, com 11,48% de saturação e 35,88% de luminosidade em HSL. É uma cor neutra, 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 6,32:1 (WCAG AA). A cor nomeada mais próxima é Dim Gray (#696969), ΔE 8,28.

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

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

Complementar

  1. #665f51
  2. #515866

Complementar dividida

  1. #665f51
  2. #516266
  3. #545166

Análoga

  1. #665451
  2. #665f51
  3. #626651

Triádica

  1. #665f51
  2. #51665f
  3. #5f5166

Tetrádica

  1. #665f51
  2. #586651
  3. #515866
  4. #5f5166

Quadrada

  1. #665f51
  2. #516654
  3. #515866
  4. #665162

Monocromática

  1. #11100d
  2. #3b372f
  3. #665f51
  4. #908773
  5. #b2ab9e

Sombras

#665f51 misturado progressivamente com preto.

  1. #665f51
  2. #5c5649
  3. #524c41
  4. #474339
  5. #3d3931
  6. #333029
  7. #292620
  8. #1f1d18
  9. #141310
  10. #0a0a08
  11. #000000

Matizes claros

#665f51 misturado progressivamente com branco.

  1. #665f51
  2. #756f62
  3. #857f74
  4. #948f85
  5. #a39f97
  6. #b3afa8
  7. #c2bfb9
  8. #d1cfcb
  9. #e0dfdc
  10. #f0efee
  11. #ffffff

Tons

#665f51 misturado progressivamente com cinza.

  1. #665f51
  2. #696256
  3. #6b665a
  4. #6e695f
  5. #706c64
  6. #737069
  7. #76736d
  8. #787672
  9. #7b7977
  10. #7d7d7b
  11. #808080

Texto legível 6.32:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Texto legível 3.32:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Acromatopsia #606060 ≈ 0.003% dos homens
Acromatomalia #625f5a ≈ 0.001% dos homens
Protanopia #635f50 ≈ 1.01% dos homens
Deuteranopia #646051 ≈ 1.27% dos homens
Tritanopia #6a5d5b ≈ 0.0001% dos homens
Protanomalia #645f50 ≈ 1.08% dos homens
Deuteranomalia #656051 ≈ 4.63% dos homens
Tritanomalia #685e57 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-665f51 {
  color: #665f51;
}
Fundo
.bg-665f51 {
  background-color: #665f51;
  color: #ffffff;
}
Borda
.border-665f51 {
  border: 2px solid #665f51;
}
Variáveis CSS
:root {
  --color-primary: #665f51;
  --color-primary-rgb: 102 95 81;
  --color-primary-hsl: 40 11% 36%;
}
Degradê
.gradient-665f51 {
  background: linear-gradient(135deg, #665f51, #626651);
}
Sombra colorida
.shadow-665f51 {
  box-shadow: 0 8px 24px rgb(102 95 81 / 0.35);
}

#696969 Dim Gray ΔE 8.28 #696969 Dim Grey ΔE 8.28 #635147 Umber ΔE 8.29 #555555 Davy's Gray ΔE 8.42 #645452 Wenge ΔE 10.02 #826644 Raw Umber ΔE 10.94 #4d5d53 Feldgrau ΔE 11.63 #99a0ae Invertida #606060 Escala de cinza 

Dim Gray
#665f51  rgb(102, 95, 81)  hsl(40, 11%, 36%)  Dim Gray
#515866  rgb(81, 88, 102)  hsl(220, 11%, 36%)  Davy's Gray
#51665f  rgb(81, 102, 95)  hsl(160, 11%, 36%)  Feldgrau
#5f5166  rgb(95, 81, 102)  hsl(280, 11%, 36%)  Eggplant