ColorTool
Iniciar sesión
#406A7A

#406a7a ≈ Teal Blue

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

#406a7a es un color de la familia celeste, con luminosidad baja y saturación apagada. En el modelo RGB se compone de 25,1% de rojo, 41,57% de verde y 47,84% de azul; impreso en CMYK usa 47,54% de cian, 13,11% de magenta, 0% de amarillo y 52,16% de negro. Su ángulo de tono es 196,55°, con 31,18% de saturación y 36,47% de luminosidad en HSL. Es un color frío, a menudo asociado con apertura, libertad y calma. Los diseñadores suelen usarlo para productos tecnológicos, finanzas y banca y acentos de marca. El texto blanco sobre este color alcanza una relación de contraste de 5,9:1 (WCAG AA). El color con nombre más cercano es Teal Blue (#367588), ΔE 4,69.

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

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

Complementario

  1. #406a7a
  2. #7a5040

Complementario dividido

  1. #406a7a
  2. #7a404d
  3. #7a6d40

Análogo

  1. #407a6d
  2. #406a7a
  3. #404d7a

Triádico

  1. #406a7a
  2. #7a406a
  3. #6a7a40

Tetrádico

  1. #406a7a
  2. #50407a
  3. #7a5040
  4. #6a7a40

Cuadrado

  1. #406a7a
  2. #6d407a
  3. #7a5040
  4. #4d7a40

Monocromático

  1. #0b1316
  2. #263e48
  3. #406a7a
  4. #5d95aa
  5. #8fb5c4

Sombras

#406a7a mezclado progresivamente con negro.

  1. #406a7a
  2. #3a5f6e
  3. #335562
  4. #2d4a55
  5. #264049
  6. #20353d
  7. #1a2a31
  8. #132025
  9. #0d1518
  10. #060b0c
  11. #000000

Tintes

#406a7a mezclado progresivamente con blanco.

  1. #406a7a
  2. #537987
  3. #668895
  4. #7997a2
  5. #8ca6af
  6. #a0b5bd
  7. #b3c3ca
  8. #c6d2d7
  9. #d9e1e4
  10. #ecf0f2
  11. #ffffff

Tonos

#406a7a mezclado progresivamente con gris.

  1. #406a7a
  2. #466c7b
  3. #4d6e7b
  4. #53717c
  5. #5a737c
  6. #60757d
  7. #66777e
  8. #6d797e
  9. #737c7f
  10. #7a7e7f
  11. #808080

Texto legible 5.9:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Texto legible 3.56:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Acromatopsia #646464 ≈ 0.003% de los hombres
Acromatomalía #58676e ≈ 0.001% de los hombres
Protanopía #61687b ≈ 1.01% de los hombres
Deuteranopía #58617a ≈ 1.27% de los hombres
Tritanopía #256f6f ≈ 0.0001% de los hombres
Protanomalía #56697b ≈ 1.08% de los hombres
Deuteranomalía #50657a ≈ 4.63% de los hombres
Tritanomalía #326d74 ≈ 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-406a7a {
  color: #406a7a;
}
Fondo
.bg-406a7a {
  background-color: #406a7a;
  color: #ffffff;
}
Borde
.border-406a7a {
  border: 2px solid #406a7a;
}
Variables CSS
:root {
  --color-primary: #406a7a;
  --color-primary-rgb: 64 106 122;
  --color-primary-hsl: 197 31% 36%;
}
Degradado
.gradient-406a7a {
  background: linear-gradient(135deg, #406a7a, #404d7a);
}
Sombra de color
.shadow-406a7a {
  box-shadow: 0 8px 24px rgb(64 106 122 / 0.35);
}

#367588 Teal Blue ΔE 4.69 #006994 Sea Blue ΔE 8.47 #007ba7 Cerulean ΔE 10.11 #436b95 Queen Blue ΔE 10.32 #0067a5 Medium Persian Blue ΔE 12.00 #2f4f4f Dark Slate Gray ΔE 12.06 #2f4f4f Dark Slate Grey ΔE 12.06 #bf9585 Invertido #646464 Escala de grises 

Teal Blue
#406a7a  rgb(64, 106, 122)  hsl(197, 31%, 36%)  Teal Blue
#7a5040  rgb(122, 80, 64)  hsl(17, 31%, 36%)  Coffee
#7a406a  rgb(122, 64, 106)  hsl(317, 31%, 36%)  Twilight Lavender
#6a7a40  rgb(106, 122, 64)  hsl(77, 31%, 36%)  Dark Olive Green