ColorTool
Iniciar sesión
#97353D

#97353d ≈ Vivid Burgundy

  • roja
  • Luminosidad: media
  • Saturación: moderada
  • Cálido
Comprobar contraste Explorar en el grafo Color aleatorio

#97353d es un color de la familia roja, con luminosidad media y saturación moderada. En el modelo RGB se compone de 59,22% de rojo, 20,78% de verde y 23,92% de azul; impreso en CMYK usa 0% de cian, 64,9% de magenta, 59,6% de amarillo y 40,78% de negro. Su ángulo de tono es 355,1°, con 48,04% de saturación y 40% de luminosidad en HSL. Es un color cálido, a menudo asociado con energía, pasión y urgencia. Los diseñadores suelen usarlo para marcas de comida y restaurantes, ventas y promociones y acentos de marca. El texto blanco sobre este color alcanza una relación de contraste de 7,26:1 (WCAG AAA). El color con nombre más cercano es Vivid Burgundy (#9f1d35), ΔE 3,84.

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

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

Complementario

  1. #97353d
  2. #35978f

Complementario dividido

  1. #97353d
  2. #35975e
  3. #356e97

Análogo

  1. #97356e
  2. #97353d
  3. #975e35

Triádico

  1. #97353d
  2. #3d9735
  3. #353d97

Tetrádico

  1. #97353d
  2. #978f35
  3. #35978f
  4. #353d97

Cuadrado

  1. #97353d
  2. #6e9735
  3. #35978f
  4. #5e3597

Monocromático

  1. #260d0f
  2. #5e2126
  3. #97353d
  4. #c3555e
  5. #d78e94

Sombras

#97353d mezclado progresivamente con negro.

  1. #97353d
  2. #883037
  3. #792a31
  4. #6a252b
  5. #5b2025
  6. #4c1b1f
  7. #3c1518
  8. #2d1012
  9. #1e0b0c
  10. #0f0506
  11. #000000

Tintes

#97353d mezclado progresivamente con blanco.

  1. #97353d
  2. #a14950
  3. #ac5d64
  4. #b67277
  5. #c1868b
  6. #cb9a9e
  7. #d5aeb1
  8. #e0c2c5
  9. #ead7d8
  10. #f5ebec
  11. #ffffff

Tonos

#97353d mezclado progresivamente con gris.

  1. #97353d
  2. #953d44
  3. #92444a
  4. #904c51
  5. #8e5358
  6. #8c5b5f
  7. #896265
  8. #876a6c
  9. #857173
  10. #827979
  11. #808080

Texto legible 7.26:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Texto legible 2.89:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Acromatopsia #575757 ≈ 0.003% de los hombres
Acromatomalía #764b4e ≈ 0.001% de los hombres
Protanopía #4d4a3d ≈ 1.01% de los hombres
Deuteranopía #665e3b ≈ 1.27% de los hombres
Tritanopía #a52239 ≈ 0.0001% de los hombres
Protanomalía #72423d ≈ 1.08% de los hombres
Deuteranomalía #7d513c ≈ 4.63% de los hombres
Tritanomalía #a02b3a ≈ 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-97353d {
  color: #97353d;
}
Fondo
.bg-97353d {
  background-color: #97353d;
  color: #ffffff;
}
Borde
.border-97353d {
  border: 2px solid #97353d;
}
Variables CSS
:root {
  --color-primary: #97353d;
  --color-primary-rgb: 151 53 61;
  --color-primary-hsl: 355 48% 40%;
}
Degradado
.gradient-97353d {
  background: linear-gradient(135deg, #97353d, #975e35);
}
Sombra de color
.shadow-97353d {
  box-shadow: 0 8px 24px rgb(151 53 61 / 0.35);
}

#9f1d35 Vivid Burgundy ΔE 3.84 #893f45 Cordovan ΔE 4.15 #a52a2a Brown ΔE 6.25 #a52a2a Auburn ΔE 6.25 #954535 Chestnut ΔE 8.12 #722f37 Wine ΔE 8.15 #7c4848 Tuscan Red ΔE 8.26 #68cac2 Invertido #575757 Escala de grises 

Vivid Burgundy
#97353d  rgb(151, 53, 61)  hsl(355, 48%, 40%)  Vivid Burgundy
#35978f  rgb(53, 151, 143)  hsl(175, 48%, 40%)  Dark Cyan
#3d9735  rgb(61, 151, 53)  hsl(115, 48%, 40%)  Forest Green
#353d97  rgb(53, 61, 151)  hsl(235, 48%, 40%)  Egyptian Blue