ColorTool
Iniciar sesión
#91DEC6

#91dec6 ≈ Seafoam Green

  • verde azulado
  • Luminosidad: alta
  • Saturación: moderada
  • Equilibrado
Comprobar contraste Explorar en el grafo Color aleatorio

#91dec6 es un color de la familia verde azulado, con luminosidad alta y saturación moderada. En el modelo RGB se compone de 56,86% de rojo, 87,06% de verde y 77,65% de azul; impreso en CMYK usa 34,68% de cian, 0% de magenta, 10,81% de amarillo y 12,94% de negro. Su ángulo de tono es 161,3°, con 53,85% de saturación y 71,96% de luminosidad en HSL. Se sitúa entre cálido y frío, y a menudo se asocia 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 13,47:1 (WCAG AAA). El color con nombre más cercano es Seafoam Green (#9fe2bf), ΔE 4,15.

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

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

Complementario

  1. #91dec6
  2. #de91a9

Complementario dividido

  1. #91dec6
  2. #de91cf
  3. #de9f91

Análogo

  1. #91de9f
  2. #91dec6
  3. #91cfde

Triádico

  1. #91dec6
  2. #c691de
  3. #dec691

Tetrádico

  1. #91dec6
  2. #91a9de
  3. #de91a9
  4. #dec691

Cuadrado

  1. #91dec6
  2. #9f91de
  3. #de91a9
  4. #cfde91

Monocromático

  1. #31a581
  2. #56cca8
  3. #91dec6
  4. #ccf0e4
  5. #effaf7

Sombras

#91dec6 mezclado progresivamente con negro.

  1. #91dec6
  2. #83c8b2
  3. #74b29e
  4. #669b8b
  5. #578577
  6. #496f63
  7. #3a594f
  8. #2c433b
  9. #1d2c28
  10. #0f1614
  11. #000000

Tintes

#91dec6 mezclado progresivamente con blanco.

  1. #91dec6
  2. #9ce1cc
  3. #a7e5d1
  4. #b2e8d7
  5. #bdebdd
  6. #c8efe3
  7. #d3f2e8
  8. #def5ee
  9. #e9f8f4
  10. #f4fcf9
  11. #ffffff

Tonos

#91dec6 mezclado progresivamente con gris.

  1. #91dec6
  2. #8fd5bf
  3. #8ecbb8
  4. #8cc2b1
  5. #8ab8aa
  6. #89afa3
  7. #87a69c
  8. #859c95
  9. #83938e
  10. #828987
  11. #808080

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

Acromatopsia #cfcfcf ≈ 0.003% de los hombres
Acromatomalía #b9d5cb ≈ 0.001% de los hombres
Protanopía #d9d5c5 ≈ 1.01% de los hombres
Deuteranopía #cccbc8 ≈ 1.27% de los hombres
Tritanopía #7bdfd7 ≈ 0.0001% de los hombres
Protanomalía #c1d8c5 ≈ 1.08% de los hombres
Deuteranomalía #b7d3c7 ≈ 4.63% de los hombres
Tritanomalía #84dfd0 ≈ 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-91dec6 {
  color: #91dec6;
}
Fondo
.bg-91dec6 {
  background-color: #91dec6;
  color: #000000;
}
Borde
.border-91dec6 {
  border: 2px solid #91dec6;
}
Variables CSS
:root {
  --color-primary: #91dec6;
  --color-primary-rgb: 145 222 198;
  --color-primary-hsl: 161 54% 72%;
}
Degradado
.gradient-91dec6 {
  background: linear-gradient(135deg, #91dec6, #91cfde);
}
Sombra de color
.shadow-91dec6 {
  box-shadow: 0 8px 24px rgb(145 222 198 / 0.35);
}

#9fe2bf Seafoam Green ΔE 4.15 #aaf0d1 Magic Mint ΔE 4.94 #66cdaa Medium Aquamarine ΔE 6.64 #40e0d0 Turquoise ΔE 7.98 #7fffd4 Aquamarine ΔE 8.71 #ace1af Celadon ΔE 9.23 #48d1cc Medium Turquoise ΔE 9.87 #6e2139 Invertido #cfcfcf Escala de grises 

Seafoam Green
#91dec6  rgb(145, 222, 198)  hsl(161, 54%, 72%)  Seafoam Green
#de91a9  rgb(222, 145, 169)  hsl(341, 54%, 72%)  Puce
#c691de  rgb(198, 145, 222)  hsl(281, 54%, 72%)  Wisteria
#dec691  rgb(222, 198, 145)  hsl(41, 54%, 72%)  Burly Wood