ColorTool
Entrar
#242A2E

#242a2e ≈ Gunmetal

  • cinza
  • Luminosidade: muito baixa
  • Saturação: suave
  • Neutra
Verificar contraste Explorar no grafo Cor aleatória

#242a2e é uma cor da família “cinza”, com luminosidade muito baixa e saturação suave. No modelo RGB, é formada por 14,12% de vermelho, 16,47% de verde e 18,04% de azul; impressa em CMYK, usa 21,74% de ciano, 8,7% de magenta, 0% de amarelo e 81,96% de preto. Seu ângulo de matiz é 204°, com 12,2% de saturação e 16,08% de luminosidade em HSL. É uma cor neutra, muitas vezes associada a neutralidade, equilíbrio e profissionalismo. Designers costumam usá-la em texto e tipografia e identidades corporativas. Texto branco sobre esta cor atinge uma razão de contraste de 14,53:1 (WCAG AAA). A cor nomeada mais próxima é Gunmetal (#2a3439), ΔE 3,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#333333
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binário
Decimal
Luminância relativa0.0223

Complementar

  1. #242a2e
  2. #2e2824

Complementar dividida

  1. #242a2e
  2. #2e2425
  3. #2e2d24

Análoga

  1. #242e2d
  2. #242a2e
  3. #24252e

Triádica

  1. #242a2e
  2. #2e242a
  3. #2a2e24

Tetrádica

  1. #242a2e
  2. #28242e
  3. #2e2824
  4. #2a2e24

Quadrada

  1. #242a2e
  2. #2d242e
  3. #2e2824
  4. #252e24

Monocromática

  1. #090a0b
  2. #090a0b
  3. #242a2e
  4. #465159
  5. #677884

Sombras

#242a2e misturado progressivamente com preto.

  1. #242a2e
  2. #202629
  3. #1d2225
  4. #191d20
  5. #16191c
  6. #121517
  7. #0e1112
  8. #0b0d0e
  9. #070809
  10. #040405
  11. #000000

Matizes claros

#242a2e misturado progressivamente com branco.

  1. #242a2e
  2. #3a3f43
  3. #505558
  4. #666a6d
  5. #7c7f82
  6. #929597
  7. #a7aaab
  8. #bdbfc0
  9. #d3d4d5
  10. #e9eaea
  11. #ffffff

Tons

#242a2e misturado progressivamente com cinza.

  1. #242a2e
  2. #2d3336
  3. #363b3e
  4. #404447
  5. #494c4f
  6. #525557
  7. #5b5e5f
  8. #646667
  9. #6e6f70
  10. #777778
  11. #808080

Texto legível 14.53:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Texto legível 1.45:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Acromatopsia #292929 ≈ 0.003% dos homens
Acromatomalia #27292b ≈ 0.001% dos homens
Protanopia #282a2e ≈ 1.01% dos homens
Deuteranopia #27292e ≈ 1.27% dos homens
Tritanopia #212b2b ≈ 0.0001% dos homens
Protanomalia #272a2e ≈ 1.08% dos homens
Deuteranomalia #26292e ≈ 4.63% dos homens
Tritanomalia #222b2c ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-242a2e {
  color: #242a2e;
}
Fundo
.bg-242a2e {
  background-color: #242a2e;
  color: #ffffff;
}
Borda
.border-242a2e {
  border: 2px solid #242a2e;
}
Variáveis CSS
:root {
  --color-primary: #242a2e;
  --color-primary-rgb: 36 42 46;
  --color-primary-hsl: 204 12% 16%;
}
Degradê
.gradient-242a2e {
  background: linear-gradient(135deg, #242a2e, #24252e);
}
Sombra colorida
.shadow-242a2e {
  box-shadow: 0 8px 24px rgb(36 42 46 / 0.35);
}

#2a3439 Gunmetal ΔE 3.48 #353839 Onyx ΔE 5.11 #343434 Jet ΔE 5.17 #010b13 Rich Black ΔE 8.84 #3b3c36 Black Olive ΔE 8.86 #36454f Charcoal ΔE 9.24 #100c08 Smoky Black ΔE 10.20 #dbd5d1 Invertida #292929 Escala de cinza 

Gunmetal
#242a2e  rgb(36, 42, 46)  hsl(204, 12%, 16%)  Gunmetal
#2e2824  rgb(46, 40, 36)  hsl(24, 12%, 16%)  Jet
#2e242a  rgb(46, 36, 42)  hsl(324, 12%, 16%)  Licorice
#2a2e24  rgb(42, 46, 36)  hsl(84, 12%, 16%)  Black Olive