ColorTool
Iniciar sesión
#31318E

#31318e ≈ Smalt

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

#31318e es un color de la familia azul, con luminosidad baja y saturación moderada. En el modelo RGB se compone de 19,22% de rojo, 19,22% de verde y 55,69% de azul; impreso en CMYK usa 65,49% de cian, 65,49% de magenta, 0% de amarillo y 44,31% de negro. Su ángulo de tono es 240°, con 48,69% de saturación y 37,45% de luminosidad en HSL. Es un color frío, a menudo asociado con confianza, estabilidad y concentración. Los diseñadores suelen usarlo para productos tecnológicos, finanzas y banca y acentos de marca. El texto blanco sobre este color alcanza una relación de contraste de 10,71:1 (WCAG AAA). El color con nombre más cercano es Smalt (#003399), ΔE 4,32.

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

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

Complementario

  1. #31318e
  2. #8e8e31

Complementario dividido

  1. #31318e
  2. #8e5f31
  3. #5f8e31

Análogo

  1. #315f8e
  2. #31318e
  3. #5f318e

Triádico

  1. #31318e
  2. #8e3131
  3. #318e31

Tetrádico

  1. #31318e
  2. #8e318e
  3. #8e8e31
  4. #318e31

Cuadrado

  1. #31318e
  2. #8e315f
  3. #8e8e31
  4. #318e5f

Monocromático

  1. #0a0a1c
  2. #1d1d55
  3. #31318e
  4. #4b4bc1
  5. #8484d4

Sombras

#31318e mezclado progresivamente con negro.

  1. #31318e
  2. #2c2c80
  3. #272772
  4. #222263
  5. #1d1d55
  6. #191947
  7. #141439
  8. #0f0f2b
  9. #0a0a1c
  10. #05050e
  11. #000000

Tintes

#31318e mezclado progresivamente con blanco.

  1. #31318e
  2. #464699
  3. #5a5aa5
  4. #6f6fb0
  5. #8383bb
  6. #9898c7
  7. #adadd2
  8. #c1c1dd
  9. #d6d6e8
  10. #eaeaf4
  11. #ffffff

Tonos

#31318e mezclado progresivamente con gris.

  1. #31318e
  2. #39398d
  3. #41418b
  4. #49498a
  5. #515188
  6. #595987
  7. #606086
  8. #686884
  9. #707083
  10. #787881
  11. #808080

Texto legible 10.71:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Texto legible 1.96:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Acromatopsia #3e3e3e ≈ 0.003% de los hombres
Acromatomalía #393967 ≈ 0.001% de los hombres
Protanopía #004291 ≈ 1.01% de los hombres
Deuteranopía #003a8c ≈ 1.27% de los hombres
Tritanopía #00495b ≈ 0.0001% de los hombres
Protanomalía #043c90 ≈ 1.08% de los hombres
Deuteranomalía #00368d ≈ 4.63% de los hombres
Tritanomalía #104073 ≈ 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-31318e {
  color: #31318e;
}
Fondo
.bg-31318e {
  background-color: #31318e;
  color: #ffffff;
}
Borde
.border-31318e {
  border: 2px solid #31318e;
}
Variables CSS
:root {
  --color-primary: #31318e;
  --color-primary-rgb: 49 49 142;
  --color-primary-hsl: 240 49% 37%;
}
Degradado
.gradient-31318e {
  background: linear-gradient(135deg, #31318e, #5f318e);
}
Sombra de color
.shadow-31318e {
  box-shadow: 0 8px 24px rgb(49 49 142 / 0.35);
}

#003399 Smalt ΔE 4.32 #1034a6 Egyptian Blue ΔE 4.44 #002395 Imperial Blue ΔE 4.85 #483d8b Dark Slate Blue ΔE 4.92 #1c39bb Persian Blue ΔE 6.72 #191970 Midnight Blue ΔE 7.41 #0014a8 Zaffre ΔE 7.79 #cece71 Invertido #3e3e3e Escala de grises 

Smalt
#31318e  rgb(49, 49, 142)  hsl(240, 49%, 37%)  Smalt
#8e8e31  rgb(142, 142, 49)  hsl(60, 49%, 37%)  Olive
#8e3131  rgb(142, 49, 49)  hsl(0, 49%, 37%)  Burnt Umber
#318e31  rgb(49, 142, 49)  hsl(120, 49%, 37%)  Forest Green