ColorTool
Iniciar sesión
#53E2EA

#53e2ea ≈ Electric Blue

  • cian
  • Luminosidad: alta
  • Saturación: fuerte
  • Frío
Comprobar contraste Explorar en el grafo Color aleatorio

#53e2ea es un color de la familia cian, con luminosidad alta y saturación fuerte. En el modelo RGB se compone de 32,55% de rojo, 88,63% de verde y 91,76% de azul; impreso en CMYK usa 64,53% de cian, 3,42% de magenta, 0% de amarillo y 8,24% de negro. Su ángulo de tono es 183,18°, con 78,24% de saturación y 62,16% de luminosidad en HSL. Es un color frío, a menudo asociado con frescura, tecnología y claridad. Los diseñadores suelen usarlo para salud y bienestar, productos tecnológicos y acentos de marca. El texto negro sobre este color alcanza una relación de contraste de 13,43:1 (WCAG AAA). El color con nombre más cercano es Electric Blue (#7df9ff), ΔE 5,5.

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

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

Complementario

  1. #53e2ea
  2. #ea5b53

Complementario dividido

  1. #53e2ea
  2. #ea5397
  3. #eaa753

Análogo

  1. #53eaa7
  2. #53e2ea
  3. #5397ea

Triádico

  1. #53e2ea
  2. #ea53e2
  3. #e2ea53

Tetrádico

  1. #53e2ea
  2. #5b53ea
  3. #ea5b53
  4. #e2ea53

Cuadrado

  1. #53e2ea
  2. #a753ea
  3. #ea5b53
  4. #97ea53

Monocromático

  1. #128b92
  2. #1accd6
  3. #53e2ea
  4. #97edf2
  5. #dbf9fb

Sombras

#53e2ea mezclado progresivamente con negro.

  1. #53e2ea
  2. #4bcbd3
  3. #42b5bb
  4. #3a9ea4
  5. #32888c
  6. #2a7175
  7. #215a5e
  8. #194446
  9. #112d2f
  10. #081717
  11. #000000

Tintes

#53e2ea mezclado progresivamente con blanco.

  1. #53e2ea
  2. #64e5ec
  3. #75e8ee
  4. #87ebf0
  5. #98eef2
  6. #a9f1f5
  7. #baf3f7
  8. #cbf6f9
  9. #ddf9fb
  10. #eefcfd
  11. #ffffff

Tonos

#53e2ea mezclado progresivamente con gris.

  1. #53e2ea
  2. #58d8df
  3. #5cced5
  4. #61c5ca
  5. #65bbc0
  6. #6ab1b5
  7. #6ea7aa
  8. #739da0
  9. #779495
  10. #7c8a8b
  11. #808080

Texto legible 1.56:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legible 13.43:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #cfcfcf ≈ 0.003% de los hombres
Acromatomalía #abd7da ≈ 0.001% de los hombres
Protanopía #d2d8eb ≈ 1.01% de los hombres
Deuteranopía #bbc8eb ≈ 1.27% de los hombres
Tritanopía #00eae4 ≈ 0.0001% de los hombres
Protanomalía #aedcea ≈ 1.08% de los hombres
Deuteranomalía #9cd3ea ≈ 4.63% de los hombres
Tritanomalía #00e7e6 ≈ 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-53e2ea {
  color: #53e2ea;
}
Fondo
.bg-53e2ea {
  background-color: #53e2ea;
  color: #000000;
}
Borde
.border-53e2ea {
  border: 2px solid #53e2ea;
}
Variables CSS
:root {
  --color-primary: #53e2ea;
  --color-primary-rgb: 83 226 234;
  --color-primary-hsl: 183 78% 62%;
}
Degradado
.gradient-53e2ea {
  background: linear-gradient(135deg, #53e2ea, #5397ea);
}
Sombra de color
.shadow-53e2ea {
  box-shadow: 0 8px 24px rgb(83 226 234 / 0.35);
}

#7df9ff Electric Blue ΔE 5.50 #00ced1 Dark Turquoise ΔE 5.91 #48d1cc Medium Turquoise ΔE 6.20 #00cccc Robin Egg Blue ΔE 6.80 #08e8de Bright Turquoise ΔE 6.97 #00ffff Aqua ΔE 7.25 #00ffff Cyan ΔE 7.25 #ac1d15 Invertido #cfcfcf Escala de grises 

Electric Blue
#53e2ea  rgb(83, 226, 234)  hsl(183, 78%, 62%)  Electric Blue
#ea5b53  rgb(234, 91, 83)  hsl(3, 78%, 62%)  Pastel Red
#ea53e2  rgb(234, 83, 226)  hsl(303, 78%, 62%)  Orchid
#e2ea53  rgb(226, 234, 83)  hsl(63, 78%, 62%)  Pear