ColorTool
Iniciar sesión
#BF4178

#bf4178 ≈ Telemagenta

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

#bf4178 es un color de la familia rosa intenso, con luminosidad media y saturación moderada. En el modelo RGB se compone de 74,9% de rojo, 25,49% de verde y 47,06% de azul; impreso en CMYK usa 0% de cian, 65,97% de magenta, 37,17% de amarillo y 25,1% de negro. Su ángulo de tono es 333,81°, con 49,61% de saturación y 50,2% de luminosidad en HSL. Es un color cálido, a menudo asociado con romance, alegría y afecto. 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 4,95:1 (WCAG AA). El color con nombre más cercano es Telemagenta (#cf3476), ΔE 3,05.

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

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

Complementario

  1. #bf4178
  2. #41bf88

Complementario dividido

  1. #bf4178
  2. #41bf49
  3. #41b7bf

Análogo

  1. #bf41b7
  2. #bf4178
  3. #bf4941

Triádico

  1. #bf4178
  2. #78bf41
  3. #4178bf

Tetrádico

  1. #bf4178
  2. #bf8841
  3. #41bf88
  4. #4178bf

Cuadrado

  1. #bf4178
  2. #b7bf41
  3. #41bf88
  4. #4941bf

Monocromático

  1. #4d1a30
  2. #862d54
  3. #bf4178
  4. #d27aa1
  5. #e6b3c9

Sombras

#bf4178 mezclado progresivamente con negro.

  1. #bf4178
  2. #ac3b6c
  3. #993460
  4. #862e54
  5. #732748
  6. #60213c
  7. #4c1a30
  8. #391424
  9. #260d18
  10. #13070c
  11. #000000

Tintes

#bf4178 mezclado progresivamente con blanco.

  1. #bf4178
  2. #c55486
  3. #cc6793
  4. #d27aa1
  5. #d98dae
  6. #dfa0bc
  7. #e5b3c9
  8. #ecc6d7
  9. #f2d9e4
  10. #f9ecf2
  11. #ffffff

Tonos

#bf4178 mezclado progresivamente con gris.

  1. #bf4178
  2. #b94779
  3. #b24e7a
  4. #ac547a
  5. #a65a7b
  6. #a0617c
  7. #99677d
  8. #936d7e
  9. #8d737e
  10. #867a7f
  11. #808080

Texto legible 4.95:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Texto legible 4.24:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Acromatopsia #707070 ≈ 0.003% de los hombres
Acromatomalía #966173 ≈ 0.001% de los hombres
Protanopía #58617a ≈ 1.01% de los hombres
Deuteranopía #7a7975 ≈ 1.27% de los hombres
Tritanopía #ce3557 ≈ 0.0001% de los hombres
Protanomalía #8d5679 ≈ 1.08% de los hombres
Deuteranomalía #9a6776 ≈ 4.63% de los hombres
Tritanomalía #c83a66 ≈ 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-bf4178 {
  color: #bf4178;
}
Fondo
.bg-bf4178 {
  background-color: #bf4178;
  color: #ffffff;
}
Borde
.border-bf4178 {
  border: 2px solid #bf4178;
}
Variables CSS
:root {
  --color-primary: #bf4178;
  --color-primary-rgb: 191 65 120;
  --color-primary-hsl: 334 50% 50%;
}
Degradado
.gradient-bf4178 {
  background: linear-gradient(135deg, #bf4178, #bf4941);
}
Sombra de color
.shadow-bf4178 {
  box-shadow: 0 8px 24px rgb(191 65 120 / 0.35);
}

#cf3476 Telemagenta ΔE 3.05 #c54b8c Mulberry ΔE 4.57 #d71868 Dogwood Rose ΔE 6.16 #c71585 Medium Violet Red ΔE 6.39 #e3256b Razzmatazz ΔE 7.86 #e0115f Ruby ΔE 8.98 #de3163 Cerise ΔE 9.06 #40be87 Invertido #707070 Escala de grises 

Telemagenta
#bf4178  rgb(191, 65, 120)  hsl(334, 50%, 50%)  Telemagenta
#41bf88  rgb(65, 191, 136)  hsl(154, 50%, 50%)  Mint
#78bf41  rgb(120, 191, 65)  hsl(94, 50%, 50%)  Kelly Green
#4178bf  rgb(65, 120, 191)  hsl(214, 50%, 50%)  Tufts Blue