ColorTool
Entrar
#233838

#233838 ≈ Gunmetal

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

#233838 é uma cor da família “ciano”, com luminosidade muito baixa e saturação suave. No modelo RGB, é formada por 13,73% de vermelho, 21,96% de verde e 21,96% de azul; impressa em CMYK, usa 37,5% de ciano, 0% de magenta, 0% de amarelo e 78,04% de preto. Seu ângulo de matiz é 180°, com 23,08% de saturação e 17,84% de luminosidade em HSL. É uma cor fria, muitas vezes associada a frescor, tecnologia e clareza. Designers costumam usá-la em saúde e bem-estar, produtos de tecnologia e identidades corporativas. Texto branco sobre esta cor atinge uma razão de contraste de 12,39:1 (WCAG AAA). A cor nomeada mais próxima é Gunmetal (#2a3439), ΔE 6,44.

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

Complementar

  1. #233838
  2. #382323

Complementar dividida

  1. #233838
  2. #38232d
  3. #382d23

Análoga

  1. #23382d
  2. #233838
  3. #232d38

Triádica

  1. #233838
  2. #382338
  3. #383823

Tetrádica

  1. #233838
  2. #232338
  3. #382323
  4. #383823

Quadrada

  1. #233838
  2. #2d2338
  3. #382323
  4. #2d3823

Monocromática

  1. #080d0d
  2. #080d0d
  3. #233838
  4. #406767
  5. #5e9696

Sombras

#233838 misturado progressivamente com preto.

  1. #233838
  2. #203232
  3. #1c2d2d
  4. #192727
  5. #152222
  6. #121c1c
  7. #0e1616
  8. #0b1111
  9. #070b0b
  10. #040606
  11. #000000

Matizes claros

#233838 misturado progressivamente com branco.

  1. #233838
  2. #394c4c
  3. #4f6060
  4. #657474
  5. #7b8888
  6. #919c9c
  7. #a7afaf
  8. #bdc3c3
  9. #d3d7d7
  10. #e9ebeb
  11. #ffffff

Tons

#233838 misturado progressivamente com cinza.

  1. #233838
  2. #2c3f3f
  3. #364646
  4. #3f4e4e
  5. #485555
  6. #525c5c
  7. #5b6363
  8. #646a6a
  9. #6d7272
  10. #777979
  11. #808080

Texto legível 12.39:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Texto legível 1.69:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Acromatopsia #343434 ≈ 0.003% dos homens
Acromatomalia #2e3636 ≈ 0.001% dos homens
Protanopia #353638 ≈ 1.01% dos homens
Deuteranopia #313338 ≈ 1.27% dos homens
Tritanopia #1b3938 ≈ 0.0001% dos homens
Protanomalia #2f3738 ≈ 1.08% dos homens
Deuteranomalia #2c3538 ≈ 4.63% dos homens
Tritanomalia #1e3938 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-233838 {
  color: #233838;
}
Fundo
.bg-233838 {
  background-color: #233838;
  color: #ffffff;
}
Borda
.border-233838 {
  border: 2px solid #233838;
}
Variáveis CSS
:root {
  --color-primary: #233838;
  --color-primary-rgb: 35 56 56;
  --color-primary-hsl: 180 23% 18%;
}
Degradê
.gradient-233838 {
  background: linear-gradient(135deg, #233838, #232d38);
}
Sombra colorida
.shadow-233838 {
  box-shadow: 0 8px 24px rgb(35 56 56 / 0.35);
}

#2a3439 Gunmetal ΔE 6.44 #2f4f4f Dark Slate Gray ΔE 7.64 #2f4f4f Dark Slate Grey ΔE 7.64 #353839 Onyx ΔE 8.38 #414a4c Outer Space ΔE 8.66 #36454f Charcoal ΔE 8.79 #004953 Midnight Green ΔE 9.07 #dcc7c7 Invertida #343434 Escala de cinza 

Gunmetal
#233838  rgb(35, 56, 56)  hsl(180, 23%, 18%)  Gunmetal
#382323  rgb(56, 35, 35)  hsl(0, 23%, 18%)  Bistre
#382338  rgb(56, 35, 56)  hsl(300, 23%, 18%)  Eggplant
#383823  rgb(56, 56, 35)  hsl(60, 23%, 18%)  Black Olive