ColorTool
Entrar
#1F3230

#1f3230 ≈ Gunmetal

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

#1f3230 é uma cor da família “verde-azulado”, com luminosidade muito baixa e saturação suave. No modelo RGB, é formada por 12,16% de vermelho, 19,61% de verde e 18,82% de azul; impressa em CMYK, usa 38% de ciano, 0% de magenta, 4% de amarelo e 80,39% de preto. Seu ângulo de matiz é 173,68°, com 23,46% de saturação e 15,88% de luminosidade em HSL. É uma cor fria, muitas vezes associada a clareza, calma e renovação. 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 13,49:1 (WCAG AAA). A cor nomeada mais próxima é Gunmetal (#2a3439), ΔE 7,01.

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

Complementar

  1. #1f3230
  2. #321f21

Complementar dividida

  1. #1f3230
  2. #321f2a
  3. #32261f

Análoga

  1. #1f3226
  2. #1f3230
  3. #1f2a32

Triádica

  1. #1f3230
  2. #301f32
  3. #32301f

Tetrádica

  1. #1f3230
  2. #1f2132
  3. #321f21
  4. #32301f

Quadrada

  1. #1f3230
  2. #261f32
  3. #321f21
  4. #2a321f

Monocromática

  1. #080d0c
  2. #080d0c
  3. #1f3230
  4. #3c615d
  5. #5a908b

Sombras

#1f3230 misturado progressivamente com preto.

  1. #1f3230
  2. #1c2d2b
  3. #192826
  4. #162322
  5. #131e1d
  6. #101918
  7. #0c1413
  8. #090f0e
  9. #060a0a
  10. #030505
  11. #000000

Matizes claros

#1f3230 misturado progressivamente com branco.

  1. #1f3230
  2. #354745
  3. #4c5b59
  4. #62706e
  5. #798483
  6. #8f9998
  7. #a5adac
  8. #bcc2c1
  9. #d2d6d6
  10. #e9ebea
  11. #ffffff

Tons

#1f3230 misturado progressivamente com cinza.

  1. #1f3230
  2. #293a38
  3. #324240
  4. #3c4948
  5. #465150
  6. #505958
  7. #596160
  8. #636968
  9. #6d7070
  10. #767878
  11. #808080

Texto legível 13.49:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Texto legível 1.56:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Acromatopsia #2e2e2e ≈ 0.003% dos homens
Acromatomalia #29302f ≈ 0.001% dos homens
Protanopia #303030 ≈ 1.01% dos homens
Deuteranopia #2d2d30 ≈ 1.27% dos homens
Tritanopia #193331 ≈ 0.0001% dos homens
Protanomalia #2a3130 ≈ 1.08% dos homens
Deuteranomalia #282f30 ≈ 4.63% dos homens
Tritanomalia #1b3331 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-1f3230 {
  color: #1f3230;
}
Fundo
.bg-1f3230 {
  background-color: #1f3230;
  color: #ffffff;
}
Borda
.border-1f3230 {
  border: 2px solid #1f3230;
}
Variáveis CSS
:root {
  --color-primary: #1f3230;
  --color-primary-rgb: 31 50 48;
  --color-primary-hsl: 174 23% 16%;
}
Degradê
.gradient-1f3230 {
  background: linear-gradient(135deg, #1f3230, #1f2a32);
}
Sombra colorida
.shadow-1f3230 {
  box-shadow: 0 8px 24px rgb(31 50 48 / 0.35);
}

#2a3439 Gunmetal ΔE 7.01 #353839 Onyx ΔE 8.74 #123524 Phthalo Green ΔE 9.21 #3b3c36 Black Olive ΔE 9.49 #2f4f4f Dark Slate Gray ΔE 9.54 #2f4f4f Dark Slate Grey ΔE 9.54 #343434 Jet ΔE 9.86 #e0cdcf Invertida #2e2e2e Escala de cinza 

Gunmetal
#1f3230  rgb(31, 50, 48)  hsl(174, 23%, 16%)  Gunmetal
#321f21  rgb(50, 31, 33)  hsl(354, 23%, 16%)  Licorice
#301f32  rgb(48, 31, 50)  hsl(294, 23%, 16%)  Licorice
#32301f  rgb(50, 48, 31)  hsl(54, 23%, 16%)  Black Olive