ColorTool
Iniciar sesión
#4D978E

#4d978e ≈ Cadet Blue

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

#4d978e es un color de la familia verde azulado, con luminosidad media y saturación moderada. En el modelo RGB se compone de 30,2% de rojo, 59,22% de verde y 55,69% de azul; impreso en CMYK usa 49,01% de cian, 0% de magenta, 5,96% de amarillo y 40,78% de negro. Su ángulo de tono es 172,7°, con 32,46% de saturación y 44,71% 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 6,13:1 (WCAG AA). El color con nombre más cercano es Cadet Blue (#5f9ea0), ΔE 5,98.

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

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

Complementario

  1. #4d978e
  2. #974d56

Complementario dividido

  1. #4d978e
  2. #974d7b
  3. #97694d

Análogo

  1. #4d9769
  2. #4d978e
  3. #4d7b97

Triádico

  1. #4d978e
  2. #8e4d97
  3. #978e4d

Tetrádico

  1. #4d978e
  2. #4d5697
  3. #974d56
  4. #978e4d

Cuadrado

  1. #4d978e
  2. #694d97
  3. #974d56
  4. #7b974d

Monocromático

  1. #19322f
  2. #33645e
  3. #4d978e
  4. #77bab1
  5. #aad3ce

Sombras

#4d978e mezclado progresivamente con negro.

  1. #4d978e
  2. #458880
  3. #3e7972
  4. #366a63
  5. #2e5b55
  6. #274c47
  7. #1f3c39
  8. #172d2b
  9. #0f1e1c
  10. #080f0e
  11. #000000

Tintes

#4d978e mezclado progresivamente con blanco.

  1. #4d978e
  2. #5fa199
  3. #71aca5
  4. #82b6b0
  5. #94c1bb
  6. #a6cbc7
  7. #b8d5d2
  8. #cae0dd
  9. #dbeae8
  10. #edf5f4
  11. #ffffff

Tonos

#4d978e mezclado progresivamente con gris.

  1. #4d978e
  2. #52958d
  3. #57928b
  4. #5c908a
  5. #618e88
  6. #678c87
  7. #6c8986
  8. #718784
  9. #768583
  10. #7b8281
  11. #808080

Texto legible 3.42:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Texto legible 6.13:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Acromatopsia #8b8b8b ≈ 0.003% de los hombres
Acromatomalía #77908c ≈ 0.001% de los hombres
Protanopía #91908e ≈ 1.01% de los hombres
Deuteranopía #84878f ≈ 1.27% de los hombres
Tritanopía #289a94 ≈ 0.0001% de los hombres
Protanomalía #7b938e ≈ 1.08% de los hombres
Deuteranomalía #728e8f ≈ 4.63% de los hombres
Tritanomalía #3a9992 ≈ 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-4d978e {
  color: #4d978e;
}
Fondo
.bg-4d978e {
  background-color: #4d978e;
  color: #000000;
}
Borde
.border-4d978e {
  border: 2px solid #4d978e;
}
Variables CSS
:root {
  --color-primary: #4d978e;
  --color-primary-rgb: 77 151 142;
  --color-primary-hsl: 173 32% 45%;
}
Degradado
.gradient-4d978e {
  background: linear-gradient(135deg, #4d978e, #4d7b97);
}
Sombra de color
.shadow-4d978e {
  box-shadow: 0 8px 24px rgb(77 151 142 / 0.35);
}

#5f9ea0 Cadet Blue ΔE 5.98 #008b8b Dark Cyan ΔE 7.07 #00a693 Persian Green ΔE 7.08 #43b3ae Verdigris ΔE 8.82 #20b2aa Light Sea Green ΔE 8.84 #40826d Viridian ΔE 9.27 #008080 Teal ΔE 10.17 #b26871 Invertido #8b8b8b Escala de grises 

Cadet Blue
#4d978e  rgb(77, 151, 142)  hsl(173, 32%, 45%)  Cadet Blue
#974d56  rgb(151, 77, 86)  hsl(353, 32%, 45%)  Cordovan
#8e4d97  rgb(142, 77, 151)  hsl(293, 32%, 45%)  Deep Plum
#978e4d  rgb(151, 142, 77)  hsl(53, 32%, 45%)  Moss Green