ColorTool
Iniciar sesión
#3274FD

#3274fd ≈ Brandeis Blue

  • azul
  • Luminosidad: media
  • Saturación: vívida
  • Frío
Comprobar contraste Explorar en el grafo Color aleatorio

#3274fd es un color de la familia azul, con luminosidad media y saturación vívida. En el modelo RGB se compone de 19,61% de rojo, 45,49% de verde y 99,22% de azul; impreso en CMYK usa 80,24% de cian, 54,15% de magenta, 0% de amarillo y 0,78% de negro. Su ángulo de tono es 220,49°, con 98,07% de saturación y 59,41% de luminosidad en HSL. Es un color frío, a menudo asociado con confianza, estabilidad y concentración. Los diseñadores suelen usarlo para productos tecnológicos, finanzas y banca y botones de llamada a la acción. El texto negro sobre este color alcanza una relación de contraste de 5,05:1 (WCAG AA). El color con nombre más cercano es Brandeis Blue (#0070ff), ΔE 1,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#3366ff
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binario
Decimal
Luminancia relativa0.2026

Complementario

  1. #3274fd
  2. #fdbb32

Complementario dividido

  1. #3274fd
  2. #fd5532
  3. #dafd32

Análogo

  1. #32dafd
  2. #3274fd
  3. #5532fd

Triádico

  1. #3274fd
  2. #fd3274
  3. #74fd32

Tetrádico

  1. #3274fd
  2. #bb32fd
  3. #fdbb32
  4. #74fd32

Cuadrado

  1. #3274fd
  2. #fd32da
  3. #fdbb32
  4. #32fd55

Monocromático

  1. #013195
  2. #024ae0
  3. #3274fd
  4. #7ea7fe
  5. #cadbfe

Sombras

#3274fd mezclado progresivamente con negro.

  1. #3274fd
  2. #2d68e4
  3. #285dca
  4. #2351b1
  5. #1e4698
  6. #193a7f
  7. #142e65
  8. #0f234c
  9. #0a1733
  10. #050c19
  11. #000000

Tintes

#3274fd mezclado progresivamente con blanco.

  1. #3274fd
  2. #4782fd
  3. #5b90fd
  4. #709efe
  5. #84acfe
  6. #99bafe
  7. #adc7fe
  8. #c2d5fe
  9. #d6e3ff
  10. #ebf1ff
  11. #ffffff

Tonos

#3274fd mezclado progresivamente con gris.

  1. #3274fd
  2. #3a75f1
  3. #4276e4
  4. #4978d8
  5. #5179cb
  6. #597abf
  7. #617bb2
  8. #697ca6
  9. #707e99
  10. #787f8d
  11. #808080

Texto legible 4.16:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Texto legible 5.05:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Acromatopsia #7c7c7c ≈ 0.003% de los hombres
Acromatomalía #6779be ≈ 0.001% de los hombres
Protanopía #0086ff ≈ 1.01% de los hombres
Deuteranopía #0073fa ≈ 1.27% de los hombres
Tritanopía #0096ad ≈ 0.0001% de los hombres
Protanomalía #107fff ≈ 1.08% de los hombres
Deuteranomalía #0074fb ≈ 4.63% de los hombres
Tritanomalía #008ad2 ≈ 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-3274fd {
  color: #3274fd;
}
Fondo
.bg-3274fd {
  background-color: #3274fd;
  color: #000000;
}
Borde
.border-3274fd {
  border: 2px solid #3274fd;
}
Variables CSS
:root {
  --color-primary: #3274fd;
  --color-primary-rgb: 50 116 253;
  --color-primary-hsl: 220 98% 59%;
}
Degradado
.gradient-3274fd {
  background: linear-gradient(135deg, #3274fd, #5532fd);
}
Sombra de color
.shadow-3274fd {
  box-shadow: 0 8px 24px rgb(50 116 253 / 0.35);
}

#0070ff Brandeis Blue ΔE 1.99 #4169e1 Royal Blue ΔE 5.17 #4166f5 Ultramarine Blue ΔE 5.26 #417dc1 Tufts Blue ΔE 7.11 #0073cf True Blue ΔE 7.80 #6082b6 Glaucous ΔE 8.18 #4682b4 Steel Blue ΔE 8.69 #cd8b02 Invertido #7c7c7c Escala de grises 

Brandeis Blue
#3274fd  rgb(50, 116, 253)  hsl(220, 98%, 59%)  Brandeis Blue
#fdbb32  rgb(253, 187, 50)  hsl(40, 98%, 59%)  Amber
#fd3274  rgb(253, 50, 116)  hsl(340, 98%, 59%)  Rose
#74fd32  rgb(116, 253, 50)  hsl(100, 98%, 59%)  Lawn Green