ColorTool
Iniciar sesión
#836CD6

#836cd6 ≈ Medium Purple

  • violeta
  • Luminosidad: alta
  • Saturación: moderada
  • Frío
Comprobar contraste Explorar en el grafo Color aleatorio

#836cd6 es un color de la familia violeta, con luminosidad alta y saturación moderada. En el modelo RGB se compone de 51,37% de rojo, 42,35% de verde y 83,92% de azul; impreso en CMYK usa 38,79% de cian, 49,53% de magenta, 0% de amarillo y 16,08% de negro. Su ángulo de tono es 253,02°, con 56,38% de saturación y 63,14% de luminosidad en HSL. Es un color frío, a menudo asociado con imaginación, espiritualidad y lujo. Los diseñadores suelen usarlo para belleza y cosmética, estudios creativos y acentos de marca. El texto negro sobre este color alcanza una relación de contraste de 5,08:1 (WCAG AA). El color con nombre más cercano es Medium Purple (#9370db), ΔE 3,41.

Descripción generada a partir de las propiedades medidas de este color.

HEX
RGB
RGB en porcentaje
CMY
CMYK
HSL
HSV / HSB
Web seguro#9966cc
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binario
Decimal
Luminancia relativa0.2041

Complementario

  1. #836cd6
  2. #bfd66c

Complementario dividido

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

Análogo

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

Triádico

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

Tetrádico

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

Cuadrado

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

Monocromático

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

Sombras

#836cd6 mezclado progresivamente con negro.

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

Tintes

#836cd6 mezclado progresivamente con blanco.

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

Tonos

#836cd6 mezclado progresivamente con gris.

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

Texto legible 4.13:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Texto legible 5.08:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Acromatopsia #7d7d7d ≈ 0.003% de los hombres
Acromatomalía #7f76a8 ≈ 0.001% de los hombres
Protanopía #427fda ≈ 1.01% de los hombres
Deuteranopía #457ad4 ≈ 1.27% de los hombres
Tritanopía #6d8197 ≈ 0.0001% de los hombres
Protanomalía #6378d8 ≈ 1.08% de los hombres
Deuteranomalía #6475d5 ≈ 4.63% de los hombres
Tritanomalía #7679b4 ≈ 0.0002% de los hombres
Simular en tu propia imagen

Texto en este color

Fondo en este color

Borde en este color

Color de texto
.text-836cd6 {
  color: #836cd6;
}
Fondo
.bg-836cd6 {
  background-color: #836cd6;
  color: #000000;
}
Borde
.border-836cd6 {
  border: 2px solid #836cd6;
}
Variables CSS
:root {
  --color-primary: #836cd6;
  --color-primary-rgb: 131 108 214;
  --color-primary-hsl: 253 56% 63%;
}
Degradado
.gradient-836cd6 {
  background: linear-gradient(135deg, #836cd6, #b86cd6);
}
Sombra de color
.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 Invertido #7d7d7d Escala de grises 

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