ColorTool
Entrar
#5C818A

#5c818a ≈ Teal Blue

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

#5c818a é uma cor da família “ciano”, com luminosidade média e saturação suave. No modelo RGB, é formada por 36,08% de vermelho, 50,59% de verde e 54,12% de azul; impressa em CMYK, usa 33,33% de ciano, 6,52% de magenta, 0% de amarelo e 45,88% de preto. Seu ângulo de matiz é 191,74°, com 20% de saturação e 45,1% 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,96:1 (WCAG AA). A cor nomeada mais próxima é Teal Blue (#367588), ΔE 7,36.

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

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

Complementar

  1. #5c818a
  2. #8a655c

Complementar dividida

  1. #5c818a
  2. #8a5c6a
  3. #8a7c5c

Análoga

  1. #5c8a7c
  2. #5c818a
  3. #5c6a8a

Triádica

  1. #5c818a
  2. #8a5c81
  3. #818a5c

Tetrádica

  1. #5c818a
  2. #655c8a
  3. #8a655c
  4. #818a5c

Quadrada

  1. #5c818a
  2. #7c5c8a
  3. #8a655c
  4. #6a8a5c

Monocromática

  1. #1f2b2e
  2. #3d565c
  3. #5c818a
  4. #85a6ae
  5. #b3c7cc

Sombras

#5c818a misturado progressivamente com preto.

  1. #5c818a
  2. #53747c
  3. #4a676e
  4. #405a61
  5. #374d53
  6. #2e4145
  7. #253437
  8. #1c2729
  9. #121a1c
  10. #090d0e
  11. #000000

Matizes claros

#5c818a misturado progressivamente com branco.

  1. #5c818a
  2. #6c8e96
  3. #7d9aa1
  4. #8da7ad
  5. #9db3b9
  6. #aec0c5
  7. #becdd0
  8. #ced9dc
  9. #dee6e8
  10. #eff2f3
  11. #ffffff

Tons

#5c818a misturado progressivamente com cinza.

  1. #5c818a
  2. #608189
  3. #638188
  4. #678187
  5. #6a8186
  6. #6e8185
  7. #728084
  8. #758083
  9. #798082
  10. #7c8081
  11. #808080

Texto legível 4.23:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Texto legível 4.96:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Acromatopsia #7b7b7b ≈ 0.003% dos homens
Acromatomalia #707d81 ≈ 0.001% dos homens
Protanopia #7a7e8b ≈ 1.01% dos homens
Deuteranopia #73798a ≈ 1.27% dos homens
Tritanopia #4c8584 ≈ 0.0001% dos homens
Protanomalia #6f7f8a ≈ 1.08% dos homens
Deuteranomalia #6a7c8a ≈ 4.63% dos homens
Tritanomalia #538386 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

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

#367588 Teal Blue ΔE 7.36 #708090 Slate Gray ΔE 8.88 #708090 Slate Grey ΔE 8.88 #5d8aa8 Air Force Blue ΔE 8.94 #778899 Light Slate Gray ΔE 9.69 #778899 Light Slate Grey ΔE 9.69 #0095b6 Bondi Blue ΔE 11.29 #a37e75 Invertida #7b7b7b Escala de cinza 

Teal Blue
#5c818a  rgb(92, 129, 138)  hsl(192, 20%, 45%)  Teal Blue
#8a655c  rgb(138, 101, 92)  hsl(12, 20%, 45%)  Copper Rose
#8a5c81  rgb(138, 92, 129)  hsl(312, 20%, 45%)  Twilight Lavender
#818a5c  rgb(129, 138, 92)  hsl(72, 20%, 45%)  Moss Green