ColorTool
Entrar
#5A7C81

#5a7c81 ≈ Teal Blue

  • ciano
  • Luminosidade: média
  • Saturação: suave
  • Fria
Verificar contraste Explorar no grafo Cor aleatória

#5a7c81 é uma cor da família “ciano”, com luminosidade média e saturação suave. No modelo RGB, é formada por 35,29% de vermelho, 48,63% de verde e 50,59% de azul; impressa em CMYK, usa 30,23% de ciano, 3,88% de magenta, 0% de amarelo e 49,41% de preto. Seu ângulo de matiz é 187,69°, com 17,81% de saturação e 42,94% de luminosidade em HSL. É uma cor fria, muitas vezes associada a frescor, tecnologia e clareza. Designers costumam usá-la em saúde e bem-estar, produtos de tecnologia e detalhes de marca. Texto preto sobre esta cor atinge uma razão de contraste de 4,63:1 (WCAG AA). A cor nomeada mais próxima é Teal Blue (#367588), ΔE 7,3.

Descrição gerada a partir das propriedades medidas desta cor.

HEX
RGB
RGB em porcentagem
CMY
CMYK
HSL
HSV / HSB
Segura para a web#666699
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binário
Decimal
Luminância relativa0.1817

Complementar

  1. #5a7c81
  2. #815f5a

Complementar dividida

  1. #5a7c81
  2. #815a68
  3. #81725a

Análoga

  1. #5a8172
  2. #5a7c81
  3. #5a6881

Triádica

  1. #5a7c81
  2. #815a7c
  3. #7c815a

Tetrádica

  1. #5a7c81
  2. #5f5a81
  3. #815f5a
  4. #7c815a

Quadrada

  1. #5a7c81
  2. #725a81
  3. #815f5a
  4. #68815a

Monocromática

  1. #1b2527
  2. #3b5154
  3. #5a7c81
  4. #81a2a7
  5. #aec3c6

Sombras

#5a7c81 misturado progressivamente com preto.

  1. #5a7c81
  2. #517074
  3. #486367
  4. #3f575a
  5. #364a4d
  6. #2d3e41
  7. #243234
  8. #1b2527
  9. #12191a
  10. #090c0d
  11. #000000

Matizes claros

#5a7c81 misturado progressivamente com branco.

  1. #5a7c81
  2. #6b898e
  3. #7b969a
  4. #8ca3a7
  5. #9cb0b3
  6. #adbec0
  7. #bdcbcd
  8. #ced8d9
  9. #dee5e6
  10. #eff2f2
  11. #ffffff

Tons

#5a7c81 misturado progressivamente com cinza.

  1. #5a7c81
  2. #5e7c81
  3. #627d81
  4. #657d81
  5. #697e81
  6. #6d7e81
  7. #717e80
  8. #757f80
  9. #787f80
  10. #7c8080
  11. #808080

Texto legível 4.53:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Texto legível 4.63:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Acromatopsia #767676 ≈ 0.003% dos homens
Acromatomalia #6c797b ≈ 0.001% dos homens
Protanopia #767981 ≈ 1.01% dos homens
Deuteranopia #707481 ≈ 1.27% dos homens
Tritanopia #4d7f7d ≈ 0.0001% dos homens
Protanomalia #6c7a81 ≈ 1.08% dos homens
Deuteranomalia #687781 ≈ 4.63% dos homens
Tritanomalia #527e7f ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-5a7c81 {
  color: #5a7c81;
}
Fundo
.bg-5a7c81 {
  background-color: #5a7c81;
  color: #000000;
}
Borda
.border-5a7c81 {
  border: 2px solid #5a7c81;
}
Variáveis CSS
:root {
  --color-primary: #5a7c81;
  --color-primary-rgb: 90 124 129;
  --color-primary-hsl: 188 18% 43%;
}
Degradê
.gradient-5a7c81 {
  background: linear-gradient(135deg, #5a7c81, #5a6881);
}
Sombra colorida
.shadow-5a7c81 {
  box-shadow: 0 8px 24px rgb(90 124 129 / 0.35);
}

#367588 Teal Blue ΔE 7.30 #317873 Myrtle Green ΔE 9.83 #708090 Slate Gray ΔE 10.09 #708090 Slate Grey ΔE 10.09 #738678 Xanadu ΔE 10.54 #008080 Teal ΔE 10.98 #5d8aa8 Air Force Blue ΔE 11.35 #a5837e Invertida #767676 Escala de cinza 

Teal Blue
#5a7c81  rgb(90, 124, 129)  hsl(188, 18%, 43%)  Teal Blue
#815f5a  rgb(129, 95, 90)  hsl(8, 18%, 43%)  Copper Rose
#815a7c  rgb(129, 90, 124)  hsl(308, 18%, 43%)  Twilight Lavender
#7c815a  rgb(124, 129, 90)  hsl(68, 18%, 43%)  Moss Green