ColorTool
Entrar
#262A33

#262a33 ≈ Gunmetal

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

#262a33 é uma cor da família “cinza”, com luminosidade muito baixa e saturação suave. No modelo RGB, é formada por 14,9% de vermelho, 16,47% de verde e 20% de azul; impressa em CMYK, usa 25,49% de ciano, 17,65% de magenta, 0% de amarelo e 80% de preto. Seu ângulo de matiz é 221,54°, com 14,61% de saturação e 17,45% 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,37:1 (WCAG AAA). A cor nomeada mais próxima é Gunmetal (#2a3439), ΔE 5,68.

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

Complementar

  1. #262a33
  2. #332f26

Complementar dividida

  1. #262a33
  2. #332826
  3. #303326

Análoga

  1. #263033
  2. #262a33
  3. #282633

Triádica

  1. #262a33
  2. #33262a
  3. #2a3326

Tetrádica

  1. #262a33
  2. #2f2633
  3. #332f26
  4. #2a3326

Quadrada

  1. #262a33
  2. #332630
  3. #332f26
  4. #263328

Monocromática

  1. #090a0c
  2. #090a0c
  3. #262a33
  4. #474e5f
  5. #67728b

Sombras

#262a33 misturado progressivamente com preto.

  1. #262a33
  2. #22262e
  3. #1e2229
  4. #1b1d24
  5. #17191f
  6. #13151a
  7. #0f1114
  8. #0b0d0f
  9. #08080a
  10. #040405
  11. #000000

Matizes claros

#262a33 misturado progressivamente com branco.

  1. #262a33
  2. #3c3f47
  3. #51555c
  4. #676a70
  5. #7d7f85
  6. #939599
  7. #a8aaad
  8. #bebfc2
  9. #d4d4d6
  10. #e9eaeb
  11. #ffffff

Tons

#262a33 misturado progressivamente com cinza.

  1. #262a33
  2. #2f333b
  3. #383b42
  4. #41444a
  5. #4a4c52
  6. #53555a
  7. #5c5e61
  8. #656669
  9. #6e6f71
  10. #777778
  11. #808080

Texto legível 14.37:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Texto legível 1.46:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Acromatopsia #2a2a2a ≈ 0.003% dos homens
Acromatomalia #282a2e ≈ 0.001% dos homens
Protanopia #272b33 ≈ 1.01% dos homens
Deuteranopia #262933 ≈ 1.27% dos homens
Tritanopia #232c2d ≈ 0.0001% dos homens
Protanomalia #272a33 ≈ 1.08% dos homens
Deuteranomalia #262a33 ≈ 4.63% dos homens
Tritanomalia #242b2f ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-262a33 {
  color: #262a33;
}
Fundo
.bg-262a33 {
  background-color: #262a33;
  color: #ffffff;
}
Borda
.border-262a33 {
  border: 2px solid #262a33;
}
Variáveis CSS
:root {
  --color-primary: #262a33;
  --color-primary-rgb: 38 42 51;
  --color-primary-hsl: 222 15% 17%;
}
Degradê
.gradient-262a33 {
  background: linear-gradient(135deg, #262a33, #282633);
}
Sombra colorida
.shadow-262a33 {
  box-shadow: 0 8px 24px rgb(38 42 51 / 0.35);
}

#2a3439 Gunmetal ΔE 5.68 #343434 Jet ΔE 6.52 #353839 Onyx ΔE 6.75 #010b13 Rich Black ΔE 9.44 #36454f Charcoal ΔE 9.64 #1a1110 Licorice ΔE 11.13 #3b3c36 Black Olive ΔE 11.22 #d9d5cc Invertida #2a2a2a Escala de cinza 

Gunmetal
#262a33  rgb(38, 42, 51)  hsl(222, 15%, 17%)  Gunmetal
#332f26  rgb(51, 47, 38)  hsl(42, 15%, 17%)  Black Olive
#33262a  rgb(51, 38, 42)  hsl(342, 15%, 17%)  Licorice
#2a3326  rgb(42, 51, 38)  hsl(102, 15%, 17%)  Black Olive