ColorTool
Iniciar sesión
#3F034E

#3f034e ≈ Indigo

  • magenta
  • Luminosidad: muy baja
  • Saturación: moderada
  • Equilibrado
Comprobar contraste Explorar en el grafo Color aleatorio

#3f034e es un color de la familia magenta, con luminosidad muy baja y saturación moderada. En el modelo RGB se compone de 24,71% de rojo, 1,18% de verde y 30,59% de azul; impreso en CMYK usa 19,23% de cian, 96,15% de magenta, 0% de amarillo y 69,41% de negro. Su ángulo de tono es 288°, con 92,59% de saturación y 15,88% de luminosidad en HSL. Se sitúa entre cálido y frío, y a menudo se asocia con creatividad, audacia e individualidad. Los diseñadores suelen usarlo para belleza y cosmética, estudios creativos y marcas de lujo. El texto blanco sobre este color alcanza una relación de contraste de 15,74:1 (WCAG AAA). El color con nombre más cercano es Indigo (#4b0082), ΔE 9,36.

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

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

Complementario

  1. #3f034e
  2. #124e03

Complementario dividido

  1. #3f034e
  2. #374e03
  3. #034e19

Análogo

  1. #19034e
  2. #3f034e
  3. #4e0337

Triádico

  1. #3f034e
  2. #4e3f03
  3. #034e3f

Tetrádico

  1. #3f034e
  2. #4e0312
  3. #124e03
  4. #034e3f

Cuadrado

  1. #3f034e
  2. #4e1903
  3. #124e03
  4. #03374e

Monocromático

  1. #100114
  2. #100114
  3. #3f034e
  4. #7a0698
  5. #b609e1

Sombras

#3f034e mezclado progresivamente con negro.

  1. #3f034e
  2. #390346
  3. #32023e
  4. #2c0237
  5. #26022f
  6. #200227
  7. #19011f
  8. #130117
  9. #0d0110
  10. #060008
  11. #000000

Tintes

#3f034e mezclado progresivamente con blanco.

  1. #3f034e
  2. #521c60
  3. #653571
  4. #794f83
  5. #8c6895
  6. #9f81a7
  7. #b29ab8
  8. #c5b3ca
  9. #d9cddc
  10. #ece6ed
  11. #ffffff

Tonos

#3f034e mezclado progresivamente con gris.

  1. #3f034e
  2. #461053
  3. #4c1c58
  4. #53295d
  5. #593562
  6. #604267
  7. #664e6c
  8. #6d5b71
  9. #736776
  10. #7a747b
  11. #808080

Texto legible 15.74:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Texto legible 1.33:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Acromatopsia #232323 ≈ 0.003% de los hombres
Acromatomalía #301a39 ≈ 0.001% de los hombres
Protanopía #001f50 ≈ 1.01% de los hombres
Deuteranopía #06254d ≈ 1.27% de los hombres
Tritanopía #3e162b ≈ 0.0001% de los hombres
Protanomalía #22174f ≈ 1.08% de los hombres
Deuteranomalía #281b4d ≈ 4.63% de los hombres
Tritanomalía #3f103c ≈ 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-3f034e {
  color: #3f034e;
}
Fondo
.bg-3f034e {
  background-color: #3f034e;
  color: #ffffff;
}
Borde
.border-3f034e {
  border: 2px solid #3f034e;
}
Variables CSS
:root {
  --color-primary: #3f034e;
  --color-primary-rgb: 63 3 78;
  --color-primary-hsl: 288 93% 16%;
}
Degradado
.gradient-3f034e {
  background: linear-gradient(135deg, #3f034e, #4e0337);
}
Sombra de color
.shadow-3f034e {
  box-shadow: 0 8px 24px rgb(63 3 78 / 0.35);
}

#4b0082 Indigo ΔE 9.36 #32127a Persian Indigo ΔE 9.82 #191970 Midnight Blue ΔE 11.66 #702963 Byzantium ΔE 12.36 #000080 Navy ΔE 12.84 #6c3082 Eminence ΔE 12.92 #800080 Purple ΔE 13.16 #c0fcb1 Invertido #232323 Escala de grises 

Indigo
#3f034e  rgb(63, 3, 78)  hsl(288, 93%, 16%)  Indigo
#124e03  rgb(18, 78, 3)  hsl(108, 93%, 16%)  Lincoln Green
#4e3f03  rgb(78, 63, 3)  hsl(48, 93%, 16%)  Field Drab
#034e3f  rgb(3, 78, 63)  hsl(168, 93%, 16%)  British Racing Green