ColorTool
Iniciar sesión
#727296

#727296 ≈ Old Lavender

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

#727296 es un color de la familia azul, con luminosidad media y saturación apagada. En el modelo RGB se compone de 44,71% de rojo, 44,71% de verde y 58,82% de azul; impreso en CMYK usa 24% de cian, 24% de magenta, 0% de amarillo y 41,18% de negro. Su ángulo de tono es 240°, con 14,63% de saturación y 51,76% 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 4,6:1 (WCAG AA). El color con nombre más cercano es Old Lavender (#796878), ΔE 10,13.

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

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

Complementario

  1. #727296
  2. #969672

Complementario dividido

  1. #727296
  2. #968472
  3. #849672

Análogo

  1. #728496
  2. #727296
  3. #847296

Triádico

  1. #727296
  2. #967272
  3. #729672

Tetrádico

  1. #727296
  2. #967296
  3. #969672
  4. #729672

Cuadrado

  1. #727296
  2. #967284
  3. #969672
  4. #729684

Monocromático

  1. #2f2f40
  2. #50506b
  3. #727296
  4. #9e9eb7
  5. #cacad7

Sombras

#727296 mezclado progresivamente con negro.

  1. #727296
  2. #676787
  3. #5b5b78
  4. #505069
  5. #44445a
  6. #39394b
  7. #2e2e3c
  8. #22222d
  9. #17171e
  10. #0b0b0f
  11. #000000

Tintes

#727296 mezclado progresivamente con blanco.

  1. #727296
  2. #8080a1
  3. #8e8eab
  4. #9c9cb6
  5. #aaaac0
  6. #b9b9cb
  7. #c7c7d5
  8. #d5d5e0
  9. #e3e3ea
  10. #f1f1f5
  11. #ffffff

Tonos

#727296 mezclado progresivamente con gris.

  1. #727296
  2. #737394
  3. #757592
  4. #76768f
  5. #78788d
  6. #79798b
  7. #7a7a89
  8. #7c7c87
  9. #7d7d84
  10. #7f7f82
  11. #808080

Texto legible 4.6:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Texto legible 4.56:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Acromatopsia #757575 ≈ 0.003% de los hombres
Acromatomalía #747484 ≈ 0.001% de los hombres
Protanopía #697698 ≈ 1.01% de los hombres
Deuteranopía #687495 ≈ 1.27% de los hombres
Tritanopía #6a787e ≈ 0.0001% de los hombres
Protanomalía #6d7597 ≈ 1.08% de los hombres
Deuteranomalía #6c7395 ≈ 4.63% de los hombres
Tritanomalía #6d7688 ≈ 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-727296 {
  color: #727296;
}
Fondo
.bg-727296 {
  background-color: #727296;
  color: #ffffff;
}
Borde
.border-727296 {
  border: 2px solid #727296;
}
Variables CSS
:root {
  --color-primary: #727296;
  --color-primary-rgb: 114 114 150;
  --color-primary-hsl: 240 15% 52%;
}
Degradado
.gradient-727296 {
  background: linear-gradient(135deg, #727296, #847296);
}
Sombra de color
.shadow-727296 {
  box-shadow: 0 8px 24px rgb(114 114 150 / 0.35);
}

#796878 Old Lavender ΔE 10.13 #9678b6 Purple Mountain Majesty ΔE 10.64 #8c92ac Cool Gray ΔE 11.96 #6082b6 Glaucous ΔE 12.06 #708090 Slate Gray ΔE 12.12 #708090 Slate Grey ΔE 12.12 #778899 Light Slate Gray ΔE 13.27 #8d8d69 Invertido #757575 Escala de grises 

Old Lavender
#727296  rgb(114, 114, 150)  hsl(240, 15%, 52%)  Old Lavender
#969672  rgb(150, 150, 114)  hsl(60, 15%, 52%)  Moss Green
#967272  rgb(150, 114, 114)  hsl(0, 15%, 52%)  Copper Rose
#729672  rgb(114, 150, 114)  hsl(120, 15%, 52%)  Asparagus