ColorTool
Entrar
#5B407F

#5b407f ≈ Dark Slate Blue

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

#5b407f é uma cor da família “violeta”, com luminosidade baixa e saturação suave. No modelo RGB, é formada por 35,69% de vermelho, 25,1% de verde e 49,8% de azul; impressa em CMYK, usa 28,35% de ciano, 49,61% de magenta, 0% de amarelo e 50,2% de preto. Seu ângulo de matiz é 265,71°, com 32,98% de saturação e 37,45% de luminosidade em HSL. É uma cor fria, muitas vezes associada a imaginação, espiritualidade e luxo. Designers costumam usá-la em beleza e cosméticos, estúdios criativos e detalhes de marca. Texto branco sobre esta cor atinge uma razão de contraste de 8,45:1 (WCAG AAA). A cor nomeada mais próxima é Dark Slate Blue (#483d8b), ΔE 5,87.

Descrição gerada a partir das propriedades medidas desta cor.

HEX
RGB
RGB em porcentagem
CMY
CMYK
HSL
HSV / HSB
Segura para a web#663366
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binário
Decimal
Luminância relativa0.0742

Complementar

  1. #5b407f
  2. #647f40

Complementar dividida

  1. #5b407f
  2. #7f7a40
  3. #457f40

Análoga

  1. #40457f
  2. #5b407f
  3. #7a407f

Triádica

  1. #5b407f
  2. #7f5b40
  3. #407f5b

Tetrádica

  1. #5b407f
  2. #7f4064
  3. #647f40
  4. #407f5b

Quadrada

  1. #5b407f
  2. #7f4045
  3. #647f40
  4. #407f7a

Monocromática

  1. #120d19
  2. #37264c
  3. #5b407f
  4. #805eae
  5. #a891c7

Sombras

#5b407f misturado progressivamente com preto.

  1. #5b407f
  2. #523a72
  3. #493366
  4. #402d59
  5. #37264c
  6. #2e2040
  7. #241a33
  8. #1b1326
  9. #120d19
  10. #09060d
  11. #000000

Matizes claros

#5b407f misturado progressivamente com branco.

  1. #5b407f
  2. #6b538c
  3. #7c6699
  4. #8c79a5
  5. #9d8cb2
  6. #ada0bf
  7. #bdb3cc
  8. #cec6d9
  9. #ded9e5
  10. #efecf2
  11. #ffffff

Tons

#5b407f misturado progressivamente com cinza.

  1. #5b407f
  2. #5f467f
  3. #624d7f
  4. #66537f
  5. #6a5a7f
  6. #6e6080
  7. #716680
  8. #756d80
  9. #797380
  10. #7c7a80
  11. #808080

Texto legível 8.45:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Texto legível 2.48:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Acromatopsia #4d4d4d ≈ 0.003% dos homens
Acromatomalia #534865 ≈ 0.001% dos homens
Protanopia #2d4d81 ≈ 1.01% dos homens
Deuteranopia #344d7d ≈ 1.27% dos homens
Tritanopia #544b59 ≈ 0.0001% dos homens
Protanomalia #444880 ≈ 1.08% dos homens
Deuteranomalia #47487e ≈ 4.63% dos homens
Tritanomalia #57476a ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-5b407f {
  color: #5b407f;
}
Fundo
.bg-5b407f {
  background-color: #5b407f;
  color: #ffffff;
}
Borda
.border-5b407f {
  border: 2px solid #5b407f;
}
Variáveis CSS
:root {
  --color-primary: #5b407f;
  --color-primary-rgb: 91 64 127;
  --color-primary-hsl: 266 33% 37%;
}
Degradê
.gradient-5b407f {
  background: linear-gradient(135deg, #5b407f, #7a407f);
}
Sombra colorida
.shadow-5b407f {
  box-shadow: 0 8px 24px rgb(91 64 127 / 0.35);
}

#483d8b Dark Slate Blue ΔE 5.87 #6c3082 Eminence ΔE 6.30 #663399 Rebecca Purple ΔE 6.88 #69359c Purple Heart ΔE 7.05 #7851a9 Royal Purple ΔE 9.22 #4f42b5 Ocean Blue ΔE 10.64 #702963 Byzantium ΔE 11.13 #a4bf80 Invertida #4d4d4d Escala de cinza 

Dark Slate Blue
#5b407f  rgb(91, 64, 127)  hsl(266, 33%, 37%)  Dark Slate Blue
#647f40  rgb(100, 127, 64)  hsl(86, 33%, 37%)  Sap Green
#7f5b40  rgb(127, 91, 64)  hsl(26, 33%, 37%)  Coffee
#407f5b  rgb(64, 127, 91)  hsl(146, 33%, 37%)  Viridian