ColorTool
Iniciar sesión
#4F3F73

#4f3f73 ≈ Dark Slate Blue

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

#4f3f73 es un color de la familia violeta, con luminosidad baja y saturación apagada. En el modelo RGB se compone de 30,98% de rojo, 24,71% de verde y 45,1% de azul; impreso en CMYK usa 31,3% de cian, 45,22% de magenta, 0% de amarillo y 54,9% de negro. Su ángulo de tono es 258,46°, con 29,21% de saturación y 34,9% 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 identidades corporativas. El texto blanco sobre este color alcanza una relación de contraste de 9,17:1 (WCAG AAA). El color con nombre más cercano es Dark Slate Blue (#483d8b), ΔE 6,27.

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

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

Complementario

  1. #4f3f73
  2. #63733f

Complementario dividido

  1. #4f3f73
  2. #73693f
  3. #49733f

Análogo

  1. #3f4973
  2. #4f3f73
  3. #693f73

Triádico

  1. #4f3f73
  2. #734f3f
  3. #3f734f

Tetrádico

  1. #4f3f73
  2. #733f63
  3. #63733f
  4. #3f734f

Cuadrado

  1. #4f3f73
  2. #733f49
  3. #63733f
  4. #3f7369

Monocromático

  1. #0b0910
  2. #2d2442
  3. #4f3f73
  4. #715aa4
  5. #9b8bc0

Sombras

#4f3f73 mezclado progresivamente con negro.

  1. #4f3f73
  2. #473968
  3. #3f325c
  4. #372c51
  5. #2f2645
  6. #28203a
  7. #20192e
  8. #181323
  9. #100d17
  10. #08060c
  11. #000000

Tintes

#4f3f73 mezclado progresivamente con blanco.

  1. #4f3f73
  2. #615281
  3. #72658f
  4. #84799d
  5. #958cab
  6. #a79fb9
  7. #b9b2c7
  8. #cac5d5
  9. #dcd9e3
  10. #edecf1
  11. #ffffff

Tonos

#4f3f73 mezclado progresivamente con gris.

  1. #4f3f73
  2. #544674
  3. #594c76
  4. #5e5377
  5. #635978
  6. #68607a
  7. #6c667b
  8. #716d7c
  9. #76737d
  10. #7b7a7f
  11. #808080

Texto legible 9.17:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Texto legible 2.29:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Acromatopsia #484848 ≈ 0.003% de los hombres
Acromatomalía #4b445c ≈ 0.001% de los hombres
Protanopía #304875 ≈ 1.01% de los hombres
Deuteranopía #324772 ≈ 1.27% de los hombres
Tritanopía #474853 ≈ 0.0001% de los hombres
Protanomalía #3e4574 ≈ 1.08% de los hombres
Deuteranomalía #404472 ≈ 4.63% de los hombres
Tritanomalía #4b4561 ≈ 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-4f3f73 {
  color: #4f3f73;
}
Fondo
.bg-4f3f73 {
  background-color: #4f3f73;
  color: #ffffff;
}
Borde
.border-4f3f73 {
  border: 2px solid #4f3f73;
}
Variables CSS
:root {
  --color-primary: #4f3f73;
  --color-primary-rgb: 79 63 115;
  --color-primary-hsl: 258 29% 35%;
}
Degradado
.gradient-4f3f73 {
  background: linear-gradient(135deg, #4f3f73, #693f73);
}
Sombra de color
.shadow-4f3f73 {
  box-shadow: 0 8px 24px rgb(79 63 115 / 0.35);
}

#483d8b Dark Slate Blue ΔE 6.27 #6c3082 Eminence ΔE 9.09 #663399 Rebecca Purple ΔE 9.75 #69359c Purple Heart ΔE 10.04 #7851a9 Royal Purple ΔE 12.06 #4f42b5 Ocean Blue ΔE 12.28 #702963 Byzantium ΔE 12.48 #b0c08c Invertido #484848 Escala de grises 

Dark Slate Blue
#4f3f73  rgb(79, 63, 115)  hsl(258, 29%, 35%)  Dark Slate Blue
#63733f  rgb(99, 115, 63)  hsl(78, 29%, 35%)  Dark Olive Green
#734f3f  rgb(115, 79, 63)  hsl(18, 29%, 35%)  Coffee
#3f734f  rgb(63, 115, 79)  hsl(138, 29%, 35%)  Fern Green