ColorTool
Entrar
#5C7E87

#5c7e87 ≈ Teal Blue

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

#5c7e87 é uma cor da família “ciano”, com luminosidade média e saturação suave. No modelo RGB, é formada por 36,08% de vermelho, 49,41% de verde e 52,94% de azul; impressa em CMYK, usa 31,85% de ciano, 6,67% de magenta, 0% de amarelo e 47,06% de preto. Seu ângulo de matiz é 192,56°, com 18,94% de saturação e 44,51% 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,79:1 (WCAG AA). A cor nomeada mais próxima é Teal Blue (#367588), ΔE 6,96.

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.1895

Complementar

  1. #5c7e87
  2. #87655c

Complementar dividida

  1. #5c7e87
  2. #875c69
  3. #877b5c

Análoga

  1. #5c877b
  2. #5c7e87
  3. #5c6987

Triádica

  1. #5c7e87
  2. #875c7e
  3. #7e875c

Tetrádica

  1. #5c7e87
  2. #655c87
  3. #87655c
  4. #7e875c

Quadrada

  1. #5c7e87
  2. #7b5c87
  3. #87655c
  4. #69875c

Monocromática

  1. #1e292c
  2. #3d545a
  3. #5c7e87
  4. #84a3ab
  5. #b2c5ca

Sombras

#5c7e87 misturado progressivamente com preto.

  1. #5c7e87
  2. #53717a
  3. #4a656c
  4. #40585f
  5. #374c51
  6. #2e3f44
  7. #253236
  8. #1c2629
  9. #12191b
  10. #090d0e
  11. #000000

Matizes claros

#5c7e87 misturado progressivamente com branco.

  1. #5c7e87
  2. #6c8b93
  3. #7d989f
  4. #8da5ab
  5. #9db2b7
  6. #aebfc3
  7. #becbcf
  8. #ced8db
  9. #dee5e7
  10. #eff2f3
  11. #ffffff

Tons

#5c7e87 misturado progressivamente com cinza.

  1. #5c7e87
  2. #607e86
  3. #637e86
  4. #677f85
  5. #6a7f84
  6. #6e7f84
  7. #727f83
  8. #757f82
  9. #798081
  10. #7c8081
  11. #808080

Texto legível 4.38:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Texto legível 4.79:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Acromatopsia #787878 ≈ 0.003% dos homens
Acromatomalia #6e7b7f ≈ 0.001% dos homens
Protanopia #787c88 ≈ 1.01% dos homens
Deuteranopia #717687 ≈ 1.27% dos homens
Tritanopia #4d8281 ≈ 0.0001% dos homens
Protanomalia #6e7d87 ≈ 1.08% dos homens
Deuteranomalia #697987 ≈ 4.63% dos homens
Tritanomalia #548083 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-5c7e87 {
  color: #5c7e87;
}
Fundo
.bg-5c7e87 {
  background-color: #5c7e87;
  color: #000000;
}
Borda
.border-5c7e87 {
  border: 2px solid #5c7e87;
}
Variáveis CSS
:root {
  --color-primary: #5c7e87;
  --color-primary-rgb: 92 126 135;
  --color-primary-hsl: 193 19% 45%;
}
Degradê
.gradient-5c7e87 {
  background: linear-gradient(135deg, #5c7e87, #5c6987);
}
Sombra colorida
.shadow-5c7e87 {
  box-shadow: 0 8px 24px rgb(92 126 135 / 0.35);
}

#367588 Teal Blue ΔE 6.96 #708090 Slate Gray ΔE 8.38 #708090 Slate Grey ΔE 8.38 #5d8aa8 Air Force Blue ΔE 9.21 #778899 Light Slate Gray ΔE 9.56 #778899 Light Slate Grey ΔE 9.56 #317873 Myrtle Green ΔE 11.68 #a38178 Invertida #787878 Escala de cinza 

Teal Blue
#5c7e87  rgb(92, 126, 135)  hsl(193, 19%, 45%)  Teal Blue
#87655c  rgb(135, 101, 92)  hsl(13, 19%, 45%)  Copper Rose
#875c7e  rgb(135, 92, 126)  hsl(313, 19%, 45%)  Twilight Lavender
#7e875c  rgb(126, 135, 92)  hsl(73, 19%, 45%)  Moss Green