ColorTool
Iniciar sesión
#57C8AC

#57c8ac ≈ Medium Aquamarine

  • verde azulado
  • Luminosidad: media
  • Saturación: moderada
  • Frío
Comprobar contraste Explorar en el grafo Color aleatorio

#57c8ac es un color de la familia verde azulado, con luminosidad media y saturación moderada. En el modelo RGB se compone de 34,12% de rojo, 78,43% de verde y 67,45% de azul; impreso en CMYK usa 56,5% de cian, 0% de magenta, 14% de amarillo y 21,57% de negro. Su ángulo de tono es 165,13°, con 50,67% de saturación y 56,27% de luminosidad en HSL. Es un color frío, a menudo asociado con claridad, calma y renovación. 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 10,26:1 (WCAG AAA). El color con nombre más cercano es Medium Aquamarine (#66cdaa), ΔE 2,8.

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

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

Complementario

  1. #57c8ac
  2. #c85773

Complementario dividido

  1. #57c8ac
  2. #c857ab
  3. #c87357

Análogo

  1. #57c873
  2. #57c8ac
  3. #57abc8

Triádico

  1. #57c8ac
  2. #ac57c8
  3. #c8ac57

Tetrádico

  1. #57c8ac
  2. #5773c8
  3. #c85773
  4. #c8ac57

Cuadrado

  1. #57c8ac
  2. #7357c8
  3. #c85773
  4. #abc857

Monocromático

  1. #216554
  2. #349f84
  3. #57c8ac
  4. #91dbc8
  5. #caeee5

Sombras

#57c8ac mezclado progresivamente con negro.

  1. #57c8ac
  2. #4eb49b
  3. #46a08a
  4. #3d8c78
  5. #347867
  6. #2c6456
  7. #235045
  8. #1a3c34
  9. #112822
  10. #091411
  11. #000000

Tintes

#57c8ac mezclado progresivamente con blanco.

  1. #57c8ac
  2. #68ceb4
  3. #79d3bd
  4. #89d9c5
  5. #9adecd
  6. #abe4d6
  7. #bce9de
  8. #cdefe6
  9. #ddf4ee
  10. #eefaf7
  11. #ffffff

Tonos

#57c8ac mezclado progresivamente con gris.

  1. #57c8ac
  2. #5bc1a8
  3. #5fbaa3
  4. #63b29f
  5. #67ab9a
  6. #6ca496
  7. #709d92
  8. #74968d
  9. #788e89
  10. #7c8784
  11. #808080

Texto legible 2.05:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legible 10.26:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #b5b5b5 ≈ 0.003% de los hombres
Acromatomalía #98bdb2 ≈ 0.001% de los hombres
Protanopía #c2bdab ≈ 1.01% de los hombres
Deuteranopía #b1b0ae ≈ 1.27% de los hombres
Tritanopía #05cac0 ≈ 0.0001% de los hombres
Protanomalía #a2c1ab ≈ 1.08% de los hombres
Deuteranomalía #95baad ≈ 4.63% de los hombres
Tritanomalía #38c9b8 ≈ 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-57c8ac {
  color: #57c8ac;
}
Fondo
.bg-57c8ac {
  background-color: #57c8ac;
  color: #000000;
}
Borde
.border-57c8ac {
  border: 2px solid #57c8ac;
}
Variables CSS
:root {
  --color-primary: #57c8ac;
  --color-primary-rgb: 87 200 172;
  --color-primary-hsl: 165 51% 56%;
}
Degradado
.gradient-57c8ac {
  background: linear-gradient(135deg, #57c8ac, #57abc8);
}
Sombra de color
.shadow-57c8ac {
  box-shadow: 0 8px 24px rgb(87 200 172 / 0.35);
}

#66cdaa Medium Aquamarine ΔE 2.80 #00cc99 Caribbean Green ΔE 6.45 #3eb489 Mint ΔE 7.48 #40e0d0 Turquoise ΔE 7.67 #48d1cc Medium Turquoise ΔE 8.51 #29ab87 Jungle Green ΔE 9.08 #0abab5 Tiffany Blue ΔE 9.16 #a83753 Invertido #b5b5b5 Escala de grises 

Medium Aquamarine
#57c8ac  rgb(87, 200, 172)  hsl(165, 51%, 56%)  Medium Aquamarine
#c85773  rgb(200, 87, 115)  hsl(345, 51%, 56%)  Blush
#ac57c8  rgb(172, 87, 200)  hsl(285, 51%, 56%)  Medium Orchid
#c8ac57  rgb(200, 172, 87)  hsl(45, 51%, 56%)  Vegas Gold