ColorTool
Entrar
#836CD6

#836cd6 ≈ Medium Purple

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

#836cd6 é uma cor da família “violeta”, com luminosidade alta e saturação moderada. No modelo RGB, é formada por 51,37% de vermelho, 42,35% de verde e 83,92% de azul; impressa em CMYK, usa 38,79% de ciano, 49,53% de magenta, 0% de amarelo e 16,08% de preto. Seu ângulo de matiz é 253,02°, com 56,38% de saturação e 63,14% 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 preto sobre esta cor atinge uma razão de contraste de 5,08:1 (WCAG AA). A cor nomeada mais próxima é Medium Purple (#9370db), ΔE 3,41.

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

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

Complementar

  1. #836cd6
  2. #bfd66c

Complementar dividida

  1. #836cd6
  2. #d6b86c
  3. #8ad66c

Análoga

  1. #6c8ad6
  2. #836cd6
  3. #b86cd6

Triádica

  1. #836cd6
  2. #d6836c
  3. #6cd683

Tetrádica

  1. #836cd6
  2. #d66cbf
  3. #bfd66c
  4. #6cd683

Quadrada

  1. #836cd6
  2. #d66c8a
  3. #bfd66c
  4. #6cd6b8

Monocromática

  1. #3a2584
  2. #5436c0
  3. #836cd6
  4. #b5a8e7
  5. #e8e4f7

Sombras

#836cd6 misturado progressivamente com preto.

  1. #836cd6
  2. #7661c1
  3. #6956ab
  4. #5c4c96
  5. #4f4180
  6. #42366b
  7. #342b56
  8. #272040
  9. #1a162b
  10. #0d0b15
  11. #000000

Matizes claros

#836cd6 misturado progressivamente com branco.

  1. #836cd6
  2. #8f7bda
  3. #9c89de
  4. #a898e2
  5. #b5a7e6
  6. #c1b6eb
  7. #cdc4ef
  8. #dad3f3
  9. #e6e2f7
  10. #f3f0fb
  11. #ffffff

Tons

#836cd6 misturado progressivamente com cinza.

  1. #836cd6
  2. #836ecd
  3. #8270c5
  4. #8272bc
  5. #8274b4
  6. #8276ab
  7. #8178a2
  8. #817a9a
  9. #817c91
  10. #807e89
  11. #808080

Texto legível 4.13:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Texto legível 5.08:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Acromatopsia #7d7d7d ≈ 0.003% dos homens
Acromatomalia #7f76a8 ≈ 0.001% dos homens
Protanopia #427fda ≈ 1.01% dos homens
Deuteranopia #457ad4 ≈ 1.27% dos homens
Tritanopia #6d8197 ≈ 0.0001% dos homens
Protanomalia #6378d8 ≈ 1.08% dos homens
Deuteranomalia #6475d5 ≈ 4.63% dos homens
Tritanomalia #7679b4 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-836cd6 {
  color: #836cd6;
}
Fundo
.bg-836cd6 {
  background-color: #836cd6;
  color: #000000;
}
Borda
.border-836cd6 {
  border: 2px solid #836cd6;
}
Variáveis CSS
:root {
  --color-primary: #836cd6;
  --color-primary-rgb: 131 108 214;
  --color-primary-hsl: 253 56% 63%;
}
Degradê
.gradient-836cd6 {
  background: linear-gradient(135deg, #836cd6, #b86cd6);
}
Sombra colorida
.shadow-836cd6 {
  box-shadow: 0 8px 24px rgb(131 108 214 / 0.35);
}

#9370db Medium Purple ΔE 3.41 #7b68ee Medium Slate Blue ΔE 4.09 #9966cc Amethyst ΔE 5.79 #6a5acd Slate Blue ΔE 7.24 #9678b6 Purple Mountain Majesty ΔE 9.79 #6050dc Majorelle Blue ΔE 10.18 #4166f5 Ultramarine Blue ΔE 10.70 #7c9329 Invertida #7d7d7d Escala de cinza 

Medium Purple
#836cd6  rgb(131, 108, 214)  hsl(253, 56%, 63%)  Medium Purple
#bfd66c  rgb(191, 214, 108)  hsl(73, 56%, 63%)  June Bud
#d6836c  rgb(214, 131, 108)  hsl(13, 56%, 63%)  Terra Cotta
#6cd683  rgb(108, 214, 131)  hsl(133, 56%, 63%)  Pastel Green