ColorTool
Iniciar sesión
#397581

#397581 ≈ Teal Blue

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

#397581 es un color de la familia cian, con luminosidad baja y saturación moderada. En el modelo RGB se compone de 22,35% de rojo, 45,88% de verde y 50,59% de azul; impreso en CMYK usa 55,81% de cian, 9,3% de magenta, 0% de amarillo y 49,41% de negro. Su ángulo de tono es 190°, con 38,71% de saturación y 36,47% 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 blanco sobre este color alcanza una relación de contraste de 5,2:1 (WCAG AA). El color con nombre más cercano es Teal Blue (#367588), ΔE 2,93.

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

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

Complementario

  1. #397581
  2. #814539

Complementario dividido

  1. #397581
  2. #813951
  3. #816939

Análogo

  1. #398169
  2. #397581
  3. #395181

Triádico

  1. #397581
  2. #813975
  3. #758139

Tetrádico

  1. #397581
  2. #453981
  3. #814539
  4. #758139

Cuadrado

  1. #397581
  2. #693981
  3. #814539
  4. #518139

Monocromático

  1. #0a1517
  2. #22454c
  3. #397581
  4. #53a3b3
  5. #88c0cb

Sombras

#397581 mezclado progresivamente con negro.

  1. #397581
  2. #336974
  3. #2e5e67
  4. #28525a
  5. #22464d
  6. #1d3b41
  7. #172f34
  8. #112327
  9. #0b171a
  10. #060c0d
  11. #000000

Tintes

#397581 mezclado progresivamente con blanco.

  1. #397581
  2. #4d838e
  3. #61919a
  4. #749ea7
  5. #88acb3
  6. #9cbac0
  7. #b0c8cd
  8. #c4d6d9
  9. #d7e3e6
  10. #ebf1f2
  11. #ffffff

Tonos

#397581 mezclado progresivamente con gris.

  1. #397581
  2. #407681
  3. #477781
  4. #4e7881
  5. #557981
  6. #5d7b81
  7. #647c80
  8. #6b7d80
  9. #727e80
  10. #797f80
  11. #808080

Texto legible 5.2:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Texto legible 4.04:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Acromatopsia #6d6d6d ≈ 0.003% de los hombres
Acromatomalía #5c7075 ≈ 0.001% de los hombres
Protanopía #6c7182 ≈ 1.01% de los hombres
Deuteranopía #606981 ≈ 1.27% de los hombres
Tritanopía #007a79 ≈ 0.0001% de los hombres
Protanomalía #5b7381 ≈ 1.08% de los hombres
Deuteranomalía #536e81 ≈ 4.63% de los hombres
Tritanomalía #21787c ≈ 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-397581 {
  color: #397581;
}
Fondo
.bg-397581 {
  background-color: #397581;
  color: #ffffff;
}
Borde
.border-397581 {
  border: 2px solid #397581;
}
Variables CSS
:root {
  --color-primary: #397581;
  --color-primary-rgb: 57 117 129;
  --color-primary-hsl: 190 39% 36%;
}
Degradado
.gradient-397581 {
  background: linear-gradient(135deg, #397581, #395181);
}
Sombra de color
.shadow-397581 {
  box-shadow: 0 8px 24px rgb(57 117 129 / 0.35);
}

#367588 Teal Blue ΔE 2.93 #317873 Myrtle Green ΔE 8.43 #008080 Teal ΔE 8.80 #007ba7 Cerulean ΔE 10.47 #008b8b Dark Cyan ΔE 11.02 #006994 Sea Blue ΔE 11.60 #01796f Pine Green ΔE 11.72 #c68a7e Invertido #6d6d6d Escala de grises 

Teal Blue
#397581  rgb(57, 117, 129)  hsl(190, 39%, 36%)  Teal Blue
#814539  rgb(129, 69, 57)  hsl(10, 39%, 36%)  Chestnut
#813975  rgb(129, 57, 117)  hsl(310, 39%, 36%)  Deep Plum
#758139  rgb(117, 129, 57)  hsl(70, 39%, 36%)  Olive Drab