ColorTool
Entrar
#3C3E36

#3c3e36 ≈ Black Olive

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

#3c3e36 é uma cor da família “cinza”, com luminosidade baixa e saturação quase nula. No modelo RGB, é formada por 23,53% de vermelho, 24,31% de verde e 21,18% de azul; impressa em CMYK, usa 3,23% de ciano, 0% de magenta, 12,9% de amarelo e 75,69% de preto. Seu ângulo de matiz é 75°, com 6,9% de saturação e 22,75% 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 10,86:1 (WCAG AAA). A cor nomeada mais próxima é Black Olive (#3b3c36), ΔE 1,46.

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

Complementar

  1. #3c3e36
  2. #38363e

Complementar dividida

  1. #3c3e36
  2. #36383e
  3. #3c363e

Análoga

  1. #3e3c36
  2. #3c3e36
  3. #383e36

Triádica

  1. #3c3e36
  2. #363c3e
  3. #3e363c

Tetrádica

  1. #3c3e36
  2. #363e38
  3. #38363e
  4. #3e363c

Quadrada

  1. #3c3e36
  2. #363e3c
  3. #38363e
  4. #3e3638

Monocromática

  1. #0b0b09
  2. #141512
  3. #3c3e36
  4. #64675a
  5. #8b8f7e

Sombras

#3c3e36 misturado progressivamente com preto.

  1. #3c3e36
  2. #363831
  3. #30322b
  4. #2a2b26
  5. #242520
  6. #1e1f1b
  7. #181916
  8. #121310
  9. #0c0c0b
  10. #060605
  11. #000000

Matizes claros

#3c3e36 misturado progressivamente com branco.

  1. #3c3e36
  2. #50514a
  3. #63655e
  4. #777872
  5. #8a8b86
  6. #9e9f9b
  7. #b1b2af
  8. #c5c5c3
  9. #d8d8d7
  10. #ececeb
  11. #ffffff

Tons

#3c3e36 misturado progressivamente com cinza.

  1. #3c3e36
  2. #43453d
  3. #4a4b45
  4. #50524c
  5. #575854
  6. #5e5f5b
  7. #656662
  8. #6c6c6a
  9. #727371
  10. #797979
  11. #808080

Texto legível 10.86:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Texto legível 1.93:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Acromatopsia #3d3d3d ≈ 0.003% dos homens
Acromatomalia #3d3d3a ≈ 0.001% dos homens
Protanopia #3f3d36 ≈ 1.01% dos homens
Deuteranopia #3f3d36 ≈ 1.27% dos homens
Tritanopia #3d3d3c ≈ 0.0001% dos homens
Protanomalia #3e3d36 ≈ 1.08% dos homens
Deuteranomalia #3e3d36 ≈ 4.63% dos homens
Tritanomalia #3d3d39 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-3c3e36 {
  color: #3c3e36;
}
Fundo
.bg-3c3e36 {
  background-color: #3c3e36;
  color: #ffffff;
}
Borda
.border-3c3e36 {
  border: 2px solid #3c3e36;
}
Variáveis CSS
:root {
  --color-primary: #3c3e36;
  --color-primary-rgb: 60 62 54;
  --color-primary-hsl: 75 7% 23%;
}
Degradê
.gradient-3c3e36 {
  background: linear-gradient(135deg, #3c3e36, #383e36);
}
Sombra colorida
.shadow-3c3e36 {
  box-shadow: 0 8px 24px rgb(60 62 54 / 0.35);
}

#3b3c36 Black Olive ΔE 1.46 #353839 Onyx ΔE 5.83 #343434 Jet ΔE 6.08 #414a4c Outer Space ΔE 7.49 #444c38 Rifle Green ΔE 7.56 #483c32 Taupe ΔE 8.74 #2a3439 Gunmetal ΔE 9.09 #c3c1c9 Invertida #3d3d3d Escala de cinza 

Black Olive
#3c3e36  rgb(60, 62, 54)  hsl(75, 7%, 23%)  Black Olive
#38363e  rgb(56, 54, 62)  hsl(255, 7%, 23%)  Jet
#363c3e  rgb(54, 60, 62)  hsl(195, 7%, 23%)  Onyx
#3e363c  rgb(62, 54, 60)  hsl(315, 7%, 23%)  Jet