ColorTool
Iniciar sesión
#AF308A

#af308a ≈ Medium Violet Red

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

#af308a es un color de la familia magenta, con luminosidad media y saturación moderada. En el modelo RGB se compone de 68,63% de rojo, 18,82% de verde y 54,12% de azul; impreso en CMYK usa 0% de cian, 72,57% de magenta, 21,14% de amarillo y 31,37% de negro. Su ángulo de tono es 317,48°, con 56,95% de saturación y 43,73% 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 acentos de marca. El texto blanco sobre este color alcanza una relación de contraste de 5,81:1 (WCAG AA). El color con nombre más cercano es Medium Violet Red (#c71585), ΔE 4,78.

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

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

Complementario

  1. #af308a
  2. #30af55

Complementario dividido

  1. #af308a
  2. #4baf30
  3. #30af95

Análogo

  1. #9530af
  2. #af308a
  3. #af304b

Triádico

  1. #af308a
  2. #8aaf30
  3. #308aaf

Tetrádico

  1. #af308a
  2. #af5530
  3. #30af55
  4. #308aaf

Cuadrado

  1. #af308a
  2. #af9530
  3. #30af55
  4. #304baf

Monocromático

  1. #370f2b
  2. #73205b
  3. #af308a
  4. #d25aaf
  5. #e296cc

Sombras

#af308a mezclado progresivamente con negro.

  1. #af308a
  2. #9e2b7c
  3. #8c266e
  4. #7b2261
  5. #691d53
  6. #581845
  7. #461337
  8. #350e29
  9. #230a1c
  10. #12050e
  11. #000000

Tintes

#af308a mezclado progresivamente con blanco.

  1. #af308a
  2. #b74596
  3. #bf59a1
  4. #c76ead
  5. #cf83b9
  6. #d798c5
  7. #dfacd0
  8. #e7c1dc
  9. #efd6e8
  10. #f7eaf3
  11. #ffffff

Tonos

#af308a mezclado progresivamente con gris.

  1. #af308a
  2. #aa3889
  3. #a64088
  4. #a14887
  5. #9c5086
  6. #985885
  7. #936084
  8. #8e6883
  9. #897082
  10. #857881
  11. #808080

Texto legible 5.81:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Texto legible 3.61:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Acromatopsia #656565 ≈ 0.003% de los hombres
Acromatomalía #895576 ≈ 0.001% de los hombres
Protanopía #3b588c ≈ 1.01% de los hombres
Deuteranopía #636d87 ≈ 1.27% de los hombres
Tritanopía #ba3259 ≈ 0.0001% de los hombres
Protanomalía #7b4b8c ≈ 1.08% de los hombres
Deuteranomalía #885a88 ≈ 4.63% de los hombres
Tritanomalía #b63170 ≈ 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-af308a {
  color: #af308a;
}
Fondo
.bg-af308a {
  background-color: #af308a;
  color: #ffffff;
}
Borde
.border-af308a {
  border: 2px solid #af308a;
}
Variables CSS
:root {
  --color-primary: #af308a;
  --color-primary-rgb: 175 48 138;
  --color-primary-hsl: 317 57% 44%;
}
Degradado
.gradient-af308a {
  background: linear-gradient(135deg, #af308a, #af304b);
}
Sombra de color
.shadow-af308a {
  box-shadow: 0 8px 24px rgb(175 48 138 / 0.35);
}

#c71585 Medium Violet Red ΔE 4.78 #8e4585 Deep Plum ΔE 6.72 #c54b8c Mulberry ΔE 8.59 #a50b5e Jazzberry Jam ΔE 9.37 #9a4eae Purpureus ΔE 9.97 #873260 Boysenberry ΔE 10.09 #8a496b Twilight Lavender ΔE 10.28 #50cf75 Invertido #656565 Escala de grises 

Medium Violet Red
#af308a  rgb(175, 48, 138)  hsl(317, 57%, 44%)  Medium Violet Red
#30af55  rgb(48, 175, 85)  hsl(137, 57%, 44%)  Medium Sea Green
#8aaf30  rgb(138, 175, 48)  hsl(77, 57%, 44%)  Apple Green
#308aaf  rgb(48, 138, 175)  hsl(197, 57%, 44%)  Bondi Blue