ColorTool
Entrar
#6933CA

#6933ca ≈ Blue Violet

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

#6933ca é uma cor da família “violeta”, com luminosidade média e saturação forte. No modelo RGB, é formada por 41,18% de vermelho, 20% de verde e 79,22% de azul; impressa em CMYK, usa 48,02% de ciano, 74,75% de magenta, 0% de amarelo e 20,78% de preto. Seu ângulo de matiz é 261,46°, com 59,68% de saturação e 49,61% 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 7,17:1 (WCAG AAA). A cor nomeada mais próxima é Blue Violet (#8a2be2), ΔE 5,84.

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

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

Complementar

  1. #6933ca
  2. #94ca33

Complementar dividida

  1. #6933ca
  2. #cab533
  3. #48ca33

Análoga

  1. #3348ca
  2. #6933ca
  3. #b533ca

Triádica

  1. #6933ca
  2. #ca6933
  3. #33ca69

Tetrádica

  1. #6933ca
  2. #ca3394
  3. #94ca33
  4. #33ca69

Quadrada

  1. #6933ca
  2. #ca3348
  3. #94ca33
  4. #33cab5

Monocromática

  1. #2a1450
  2. #49248d
  3. #6933ca
  4. #956fdb
  5. #c2acea

Sombras

#6933ca misturado progressivamente com preto.

  1. #6933ca
  2. #5f2eb6
  3. #5429a2
  4. #4a248d
  5. #3f1f79
  6. #351a65
  7. #2a1451
  8. #200f3d
  9. #150a28
  10. #0b0514
  11. #000000

Matizes claros

#6933ca misturado progressivamente com branco.

  1. #6933ca
  2. #7847cf
  3. #875cd5
  4. #9670da
  5. #a585df
  6. #b499e5
  7. #c3adea
  8. #d2c2ef
  9. #e1d6f4
  10. #f0ebfa
  11. #ffffff

Tons

#6933ca misturado progressivamente com cinza.

  1. #6933ca
  2. #6b3bc3
  3. #6e42bb
  4. #704ab4
  5. #7252ac
  6. #755aa5
  7. #77619e
  8. #796996
  9. #7b718f
  10. #7e7887
  11. #808080

Texto legível 7.17:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Texto legível 2.93:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Acromatopsia #575757 ≈ 0.003% dos homens
Acromatomalia #5f4b94 ≈ 0.001% dos homens
Protanopia #0059ce ≈ 1.01% dos homens
Deuteranopia #0055c7 ≈ 1.27% dos homens
Tritanopia #4a5c7c ≈ 0.0001% dos homens
Protanomalia #244dcd ≈ 1.08% dos homens
Deuteranomalia #2b49c8 ≈ 4.63% dos homens
Tritanomalia #584fa1 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-6933ca {
  color: #6933ca;
}
Fundo
.bg-6933ca {
  background-color: #6933ca;
  color: #ffffff;
}
Borda
.border-6933ca {
  border: 2px solid #6933ca;
}
Variáveis CSS
:root {
  --color-primary: #6933ca;
  --color-primary-rgb: 105 51 202;
  --color-primary-hsl: 261 60% 50%;
}
Degradê
.gradient-6933ca {
  background: linear-gradient(135deg, #6933ca, #b533ca);
}
Sombra colorida
.shadow-6933ca {
  box-shadow: 0 8px 24px rgb(105 51 202 / 0.35);
}

#8a2be2 Blue Violet ΔE 5.84 #4f42b5 Ocean Blue ΔE 6.07 #5218fa Han Purple ΔE 6.26 #6f00ff Electric Indigo ΔE 6.51 #69359c Purple Heart ΔE 6.99 #9400d3 Dark Violet ΔE 7.11 #5a4fcf Iris ΔE 7.26 #96cc35 Invertida #575757 Escala de cinza 

Blue Violet
#6933ca  rgb(105, 51, 202)  hsl(261, 60%, 50%)  Blue Violet
#94ca33  rgb(148, 202, 51)  hsl(81, 60%, 50%)  Yellow Green
#ca6933  rgb(202, 105, 51)  hsl(21, 60%, 50%)  Chocolate
#33ca69  rgb(51, 202, 105)  hsl(141, 60%, 50%)  Emerald