ColorTool
Entrar
#505D79

#505d79 ≈ Queen Blue

  • azul
  • Luminosidade: baixa
  • Saturação: suave
  • Fria
Verificar contraste Explorar no grafo Cor aleatória

#505d79 é uma cor da família “azul”, com luminosidade baixa e saturação suave. No modelo RGB, é formada por 31,37% de vermelho, 36,47% de verde e 47,45% de azul; impressa em CMYK, usa 33,88% de ciano, 23,14% de magenta, 0% de amarelo e 52,55% de preto. Seu ângulo de matiz é 220,98°, com 20,4% de saturação e 39,41% de luminosidade em HSL. É uma cor fria, muitas vezes associada a confiança, estabilidade e foco. Designers costumam usá-la em produtos de tecnologia, finanças e bancos e detalhes de marca. Texto branco sobre esta cor atinge uma razão de contraste de 6,6:1 (WCAG AA). A cor nomeada mais próxima é Queen Blue (#436b95), ΔE 8,57.

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

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

Complementar

  1. #505d79
  2. #796c50

Complementar dividida

  1. #505d79
  2. #795750
  3. #717950

Análoga

  1. #507179
  2. #505d79
  3. #575079

Triádica

  1. #505d79
  2. #79505d
  3. #5d7950

Tetrádica

  1. #505d79
  2. #6c5079
  3. #796c50
  4. #5d7950

Quadrada

  1. #505d79
  2. #795071
  3. #796c50
  4. #507957

Monocromática

  1. #13161d
  2. #323a4b
  3. #505d79
  4. #7382a2
  5. #a1abc1

Sombras

#505d79 misturado progressivamente com preto.

  1. #505d79
  2. #48546d
  3. #404a61
  4. #384155
  5. #303849
  6. #282f3d
  7. #202530
  8. #181c24
  9. #101318
  10. #08090c
  11. #000000

Matizes claros

#505d79 misturado progressivamente com branco.

  1. #505d79
  2. #626d86
  3. #737d94
  4. #858ea1
  5. #969eaf
  6. #a8aebc
  7. #b9bec9
  8. #cbced7
  9. #dcdfe4
  10. #eeeff2
  11. #ffffff

Tons

#505d79 misturado progressivamente com cinza.

  1. #505d79
  2. #55617a
  3. #5a647a
  4. #5e687b
  5. #636b7c
  6. #686f7d
  7. #6d727d
  8. #72767e
  9. #76797f
  10. #7b7d7f
  11. #808080

Texto legível 6.6:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Texto legível 3.18:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Acromatopsia #5d5d5d ≈ 0.003% dos homens
Acromatomalia #585d69 ≈ 0.001% dos homens
Protanopia #545f7a ≈ 1.01% dos homens
Deuteranopia #505b78 ≈ 1.27% dos homens
Tritanopia #446366 ≈ 0.0001% dos homens
Protanomalia #525e7a ≈ 1.08% dos homens
Deuteranomalia #505c79 ≈ 4.63% dos homens
Tritanomalia #49606e ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-505d79 {
  color: #505d79;
}
Fundo
.bg-505d79 {
  background-color: #505d79;
  color: #ffffff;
}
Borda
.border-505d79 {
  border: 2px solid #505d79;
}
Variáveis CSS
:root {
  --color-primary: #505d79;
  --color-primary-rgb: 80 93 121;
  --color-primary-hsl: 221 20% 39%;
}
Degradê
.gradient-505d79 {
  background: linear-gradient(135deg, #505d79, #575079);
}
Sombra colorida
.shadow-505d79 {
  box-shadow: 0 8px 24px rgb(80 93 121 / 0.35);
}

#436b95 Queen Blue ΔE 8.57 #26619c Lapis Lazuli ΔE 10.25 #0f4d92 Yale Blue ΔE 11.33 #1560bd Denim ΔE 12.43 #0f52ba Sapphire ΔE 12.43 #36454f Charcoal ΔE 12.55 #483d8b Dark Slate Blue ΔE 12.55 #afa286 Invertida #5d5d5d Escala de cinza 

Queen Blue
#505d79  rgb(80, 93, 121)  hsl(221, 20%, 39%)  Queen Blue
#796c50  rgb(121, 108, 80)  hsl(41, 20%, 39%)  Raw Umber
#79505d  rgb(121, 80, 93)  hsl(341, 20%, 39%)  Mauve Taupe
#5d7950  rgb(93, 121, 80)  hsl(101, 20%, 39%)  Fern Green