ColorTool
Entrar
#404658

#404658 ≈ Charcoal

  • azul
  • Luminosidade: baixa
  • Saturação: suave
  • Fria
Verificar contraste Explorar no grafo Cor aleatória

#404658 é uma cor da família “azul”, com luminosidade baixa e saturação suave. No modelo RGB, é formada por 25,1% de vermelho, 27,45% de verde e 34,51% de azul; impressa em CMYK, usa 27,27% de ciano, 20,45% de magenta, 0% de amarelo e 65,49% de preto. Seu ângulo de matiz é 225°, com 15,79% de saturação e 29,8% de luminosidade em HSL. É uma cor fria, muitas vezes associada a confiança, estabilidade e foco. Designers costumam usá-la em produtos de tecnologia, finanças e bancos e identidades corporativas. Texto branco sobre esta cor atinge uma razão de contraste de 9,4:1 (WCAG AAA). A cor nomeada mais próxima é Charcoal (#36454f), ΔE 7,48.

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

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

Complementar

  1. #404658
  2. #585240

Complementar dividida

  1. #404658
  2. #584640
  3. #525840

Análoga

  1. #405258
  2. #404658
  3. #464058

Triádica

  1. #404658
  2. #584046
  3. #465840

Tetrádica

  1. #404658
  2. #524058
  3. #585240
  4. #465840

Quadrada

  1. #404658
  2. #584052
  3. #585240
  4. #405846

Monocromática

  1. #09090c
  2. #20232c
  3. #404658
  4. #606984
  5. #8890a9

Sombras

#404658 misturado progressivamente com preto.

  1. #404658
  2. #3a3f4f
  3. #333846
  4. #2d313e
  5. #262a35
  6. #20232c
  7. #1a1c23
  8. #13151a
  9. #0d0e12
  10. #060709
  11. #000000

Matizes claros

#404658 misturado progressivamente com branco.

  1. #404658
  2. #535969
  3. #666b79
  4. #797e8a
  5. #8c909b
  6. #a0a3ac
  7. #b3b5bc
  8. #c6c8cd
  9. #d9dade
  10. #ecedee
  11. #ffffff

Tons

#404658 misturado progressivamente com cinza.

  1. #404658
  2. #464c5c
  3. #4d5260
  4. #535764
  5. #5a5d68
  6. #60636c
  7. #666970
  8. #6d6f74
  9. #737478
  10. #7a7a7c
  11. #808080

Texto legível 9.4:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Texto legível 2.23:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Acromatopsia #464646 ≈ 0.003% dos homens
Acromatomalia #44464e ≈ 0.001% dos homens
Protanopia #414759 ≈ 1.01% dos homens
Deuteranopia #3f4558 ≈ 1.27% dos homens
Tritanopia #3a494c ≈ 0.0001% dos homens
Protanomalia #404759 ≈ 1.08% dos homens
Deuteranomalia #3f4658 ≈ 4.63% dos homens
Tritanomalia #3c4851 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-404658 {
  color: #404658;
}
Fundo
.bg-404658 {
  background-color: #404658;
  color: #ffffff;
}
Borda
.border-404658 {
  border: 2px solid #404658;
}
Variáveis CSS
:root {
  --color-primary: #404658;
  --color-primary-rgb: 64 70 88;
  --color-primary-hsl: 225 16% 30%;
}
Degradê
.gradient-404658 {
  background: linear-gradient(135deg, #404658, #464058);
}
Sombra colorida
.shadow-404658 {
  box-shadow: 0 8px 24px rgb(64 70 88 / 0.35);
}

#36454f Charcoal ΔE 7.48 #414a4c Outer Space ΔE 9.73 #353839 Onyx ΔE 10.30 #2a3439 Gunmetal ΔE 10.52 #555555 Davy's Gray ΔE 10.69 #343434 Jet ΔE 11.17 #003153 Prussian Blue ΔE 11.92 #bfb9a7 Invertida #464646 Escala de cinza 

Charcoal
#404658  rgb(64, 70, 88)  hsl(225, 16%, 30%)  Charcoal
#585240  rgb(88, 82, 64)  hsl(45, 16%, 30%)  Rifle Green
#584046  rgb(88, 64, 70)  hsl(345, 16%, 30%)  Eggplant
#465840  rgb(70, 88, 64)  hsl(105, 16%, 30%)  Rifle Green