ColorTool
Iniciar sesión
#B40E30

#b40e30 ≈ Cardinal

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

#b40e30 es un color de la familia roja, con luminosidad baja y saturación fuerte. En el modelo RGB se compone de 70,59% de rojo, 5,49% de verde y 18,82% de azul; impreso en CMYK usa 0% de cian, 92,22% de magenta, 73,33% de amarillo y 29,41% de negro. Su ángulo de tono es 347,71°, con 85,57% de saturación y 38,04% 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 botones de llamada a la acción. El texto blanco sobre este color alcanza una relación de contraste de 6,89:1 (WCAG AA). El color con nombre más cercano es Cardinal (#c41e3a), ΔE 3,99.

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

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

Complementario

  1. #b40e30
  2. #0eb492

Complementario dividido

  1. #b40e30
  2. #0eb43f
  3. #0e83b4

Análogo

  1. #b40e83
  2. #b40e30
  3. #b43f0e

Triádico

  1. #b40e30
  2. #30b40e
  3. #0e30b4

Tetrádico

  1. #b40e30
  2. #b4920e
  3. #0eb492
  4. #0e30b4

Cuadrado

  1. #b40e30
  2. #83b40e
  3. #0eb492
  4. #3f0eb4

Monocromático

  1. #26030a
  2. #6d081d
  3. #b40e30
  4. #ee214b
  5. #f36884

Sombras

#b40e30 mezclado progresivamente con negro.

  1. #b40e30
  2. #a20d2b
  3. #900b26
  4. #7e0a22
  5. #6c081d
  6. #5a0718
  7. #480613
  8. #36040e
  9. #24030a
  10. #120105
  11. #000000

Tintes

#b40e30 mezclado progresivamente con blanco.

  1. #b40e30
  2. #bc2645
  3. #c33e59
  4. #cb566e
  5. #d26e83
  6. #da8798
  7. #e19fac
  8. #e9b7c1
  9. #f0cfd6
  10. #f8e7ea
  11. #ffffff

Tonos

#b40e30 mezclado progresivamente con gris.

  1. #b40e30
  2. #af1938
  3. #aa2540
  4. #a43048
  5. #9f3c50
  6. #9a4758
  7. #955260
  8. #905e68
  9. #8a6970
  10. #857578
  11. #808080

Texto legible 6.89:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Texto legible 3.05:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Acromatopsia #5a5a5a ≈ 0.003% de los hombres
Acromatomalía #87474c ≈ 0.001% de los hombres
Protanopía #4a4430 ≈ 1.01% de los hombres
Deuteranopía #71662a ≈ 1.27% de los hombres
Tritanopía #c60020 ≈ 0.0001% de los hombres
Protanomalía #823630 ≈ 1.08% de los hombres
Deuteranomalía #91502d ≈ 4.63% de los hombres
Tritanomalía #bf0027 ≈ 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-b40e30 {
  color: #b40e30;
}
Fondo
.bg-b40e30 {
  background-color: #b40e30;
  color: #ffffff;
}
Borde
.border-b40e30 {
  border: 2px solid #b40e30;
}
Variables CSS
:root {
  --color-primary: #b40e30;
  --color-primary-rgb: 180 14 48;
  --color-primary-hsl: 348 86% 38%;
}
Degradado
.gradient-b40e30 {
  background: linear-gradient(135deg, #b40e30, #b43f0e);
}
Sombra de color
.shadow-b40e30 {
  box-shadow: 0 8px 24px rgb(180 14 48 / 0.35);
}

#c41e3a Cardinal ΔE 3.99 #9f1d35 Vivid Burgundy ΔE 4.57 #a52a2a Brown ΔE 4.72 #a52a2a Auburn ΔE 4.72 #b22222 Firebrick ΔE 5.81 #b31b1b Cornell Red ΔE 6.87 #960018 Carmine ΔE 7.38 #4bf1cf Invertido #5a5a5a Escala de grises 

Cardinal
#b40e30  rgb(180, 14, 48)  hsl(348, 86%, 38%)  Cardinal
#0eb492  rgb(14, 180, 146)  hsl(168, 86%, 38%)  Jungle Green
#30b40e  rgb(48, 180, 14)  hsl(108, 86%, 38%)  Kelly Green
#0e30b4  rgb(14, 48, 180)  hsl(228, 86%, 38%)  Egyptian Blue