ColorTool
Entrar
#4316B3

#4316b3 ≈ Medium Blue

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

#4316b3 é uma cor da família “violeta”, com luminosidade baixa e saturação forte. No modelo RGB, é formada por 26,27% de vermelho, 8,63% de verde e 70,2% de azul; impressa em CMYK, usa 62,57% de ciano, 87,71% de magenta, 0% de amarelo e 29,8% de preto. Seu ângulo de matiz é 257,2°, com 78,11% de saturação e 39,41% 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 10,48:1 (WCAG AAA). A cor nomeada mais próxima é Medium Blue (#0000cd), ΔE 4,53.

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

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

Complementar

  1. #4316b3
  2. #86b316

Complementar dividida

  1. #4316b3
  2. #b39216
  3. #37b316

Análoga

  1. #1637b3
  2. #4316b3
  3. #9216b3

Triádica

  1. #4316b3
  2. #b34316
  3. #16b343

Tetrádica

  1. #4316b3
  2. #b31686
  3. #86b316
  4. #16b343

Quadrada

  1. #4316b3
  2. #b31637
  3. #86b316
  4. #16b392

Monocromática

  1. #10052b
  2. #2a0e6f
  3. #4316b3
  4. #6430e6
  5. #9774ee

Sombras

#4316b3 misturado progressivamente com preto.

  1. #4316b3
  2. #3c14a1
  3. #36128f
  4. #2f0f7d
  5. #280d6b
  6. #220b5a
  7. #1b0948
  8. #140736
  9. #0d0424
  10. #070212
  11. #000000

Matizes claros

#4316b3 misturado progressivamente com branco.

  1. #4316b3
  2. #562dbb
  3. #6945c2
  4. #7b5cca
  5. #8e73d1
  6. #a18bd9
  7. #b4a2e1
  8. #c7b9e8
  9. #d9d0f0
  10. #ece8f7
  11. #ffffff

Tons

#4316b3 misturado progressivamente com cinza.

  1. #4316b3
  2. #4921ae
  3. #4f2ba9
  4. #5536a4
  5. #5b409f
  6. #624b9a
  7. #685694
  8. #6e608f
  9. #746b8a
  10. #7a7585
  11. #808080

Texto legível 10.48:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Texto legível 2:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Acromatopsia #3f3f3f ≈ 0.003% dos homens
Acromatomalia #41337f ≈ 0.001% dos homens
Protanopia #0044b7 ≈ 1.01% dos homens
Deuteranopia #003ab0 ≈ 1.27% dos homens
Tritanopia #004b6a ≈ 0.0001% dos homens
Protanomalia #0037b5 ≈ 1.08% dos homens
Deuteranomalia #002fb1 ≈ 4.63% dos homens
Tritanomalia #223c8d ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-4316b3 {
  color: #4316b3;
}
Fundo
.bg-4316b3 {
  background-color: #4316b3;
  color: #ffffff;
}
Borda
.border-4316b3 {
  border: 2px solid #4316b3;
}
Variáveis CSS
:root {
  --color-primary: #4316b3;
  --color-primary-rgb: 67 22 179;
  --color-primary-hsl: 257 78% 39%;
}
Degradê
.gradient-4316b3 {
  background: linear-gradient(135deg, #4316b3, #9216b3);
}
Sombra colorida
.shadow-4316b3 {
  box-shadow: 0 8px 24px rgb(67 22 179 / 0.35);
}

#0000cd Medium Blue ΔE 4.53 #0014a8 Zaffre ΔE 5.09 #002395 Imperial Blue ΔE 7.60 #4b0082 Indigo ΔE 7.82 #000f89 Phthalo Blue ΔE 8.35 #1c39bb Persian Blue ΔE 8.41 #0000ff Blue ΔE 8.41 #bce94c Invertida #3f3f3f Escala de cinza 

Medium Blue
#4316b3  rgb(67, 22, 179)  hsl(257, 78%, 39%)  Medium Blue
#86b316  rgb(134, 179, 22)  hsl(77, 78%, 39%)  Apple Green
#b34316  rgb(179, 67, 22)  hsl(17, 78%, 39%)  Rust
#16b343  rgb(22, 179, 67)  hsl(137, 78%, 39%)  Kelly Green