ColorTool
Entrar
#363A2F

#363a2f ≈ Black Olive

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

#363a2f é uma cor da família “verde-limão”, com luminosidade baixa e saturação quase nula. No modelo RGB, é formada por 21,18% de vermelho, 22,75% de verde e 18,43% de azul; impressa em CMYK, usa 6,9% de ciano, 0% de magenta, 18,97% de amarelo e 77,25% de preto. Seu ângulo de matiz é 81,82°, com 10,48% de saturação e 20,59% de luminosidade em HSL. É uma cor neutra, muitas vezes associada a frescor, crescimento e vitalidade. Designers costumam usá-la em marcas sustentáveis, saúde e bem-estar e identidades corporativas. Texto branco sobre esta cor atinge uma razão de contraste de 11,65:1 (WCAG AAA). A cor nomeada mais próxima é Black Olive (#3b3c36), ΔE 3,6.

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

Complementar

  1. #363a2f
  2. #332f3a

Complementar dividida

  1. #363a2f
  2. #2f313a
  3. #392f3a

Análoga

  1. #3a392f
  2. #363a2f
  3. #313a2f

Triádica

  1. #363a2f
  2. #2f363a
  3. #3a2f36

Tetrádica

  1. #363a2f
  2. #2f3a33
  3. #332f3a
  4. #3a2f36

Quadrada

  1. #363a2f
  2. #2f3a39
  3. #332f3a
  4. #3a2f31

Monocromática

  1. #0a0b09
  2. #0f100d
  3. #363a2f
  4. #5d6451
  5. #858e74

Sombras

#363a2f misturado progressivamente com preto.

  1. #363a2f
  2. #31342a
  3. #2b2e26
  4. #262921
  5. #20231c
  6. #1b1d18
  7. #161713
  8. #10110e
  9. #0b0c09
  10. #050605
  11. #000000

Matizes claros

#363a2f misturado progressivamente com branco.

  1. #363a2f
  2. #4a4e44
  3. #5e6159
  4. #72756d
  5. #868982
  6. #9b9d97
  7. #afb0ac
  8. #c3c4c1
  9. #d7d8d5
  10. #ebebea
  11. #ffffff

Tons

#363a2f misturado progressivamente com cinza.

  1. #363a2f
  2. #3d4137
  3. #45483f
  4. #4c4f47
  5. #54564f
  6. #5b5d58
  7. #626460
  8. #6a6b68
  9. #717270
  10. #797978
  11. #808080

Texto legível 11.65:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Texto legível 1.8:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Acromatopsia #383838 ≈ 0.003% dos homens
Acromatomalia #373935 ≈ 0.001% dos homens
Protanopia #3b392e ≈ 1.01% dos homens
Deuteranopia #3b382f ≈ 1.27% dos homens
Tritanopia #373937 ≈ 0.0001% dos homens
Protanomalia #39392f ≈ 1.08% dos homens
Deuteranomalia #39392f ≈ 4.63% dos homens
Tritanomalia #373934 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-363a2f {
  color: #363a2f;
}
Fundo
.bg-363a2f {
  background-color: #363a2f;
  color: #ffffff;
}
Borda
.border-363a2f {
  border: 2px solid #363a2f;
}
Variáveis CSS
:root {
  --color-primary: #363a2f;
  --color-primary-rgb: 54 58 47;
  --color-primary-hsl: 82 10% 21%;
}
Degradê
.gradient-363a2f {
  background: linear-gradient(135deg, #363a2f, #313a2f);
}
Sombra colorida
.shadow-363a2f {
  box-shadow: 0 8px 24px rgb(54 58 47 / 0.35);
}

#3b3c36 Black Olive ΔE 3.60 #444c38 Rifle Green ΔE 7.00 #353839 Onyx ΔE 7.39 #343434 Jet ΔE 7.49 #414a4c Outer Space ΔE 9.35 #2a3439 Gunmetal ΔE 10.01 #483c32 Taupe ΔE 10.58 #c9c5d0 Invertida #383838 Escala de cinza 

Black Olive
#363a2f  rgb(54, 58, 47)  hsl(82, 10%, 21%)  Black Olive
#332f3a  rgb(51, 47, 58)  hsl(262, 10%, 21%)  Jet
#2f363a  rgb(47, 54, 58)  hsl(202, 10%, 21%)  Gunmetal
#3a2f36  rgb(58, 47, 54)  hsl(322, 10%, 21%)  Jet