ColorTool
Entrar
#535DAF

#535daf ≈ Slate Blue

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

#535daf é uma cor da família “azul”, com luminosidade média e saturação moderada. No modelo RGB, é formada por 32,55% de vermelho, 36,47% de verde e 68,63% de azul; impressa em CMYK, usa 52,57% de ciano, 46,86% de magenta, 0% de amarelo e 31,37% de preto. Seu ângulo de matiz é 233,48°, com 36,51% de saturação e 50,59% 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 5,91:1 (WCAG AA). A cor nomeada mais próxima é Slate Blue (#6a5acd), ΔE 6,63.

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

Complementar

  1. #535daf
  2. #afa553

Complementar dividida

  1. #535daf
  2. #af7753
  3. #8baf53

Análoga

  1. #538baf
  2. #535daf
  3. #7753af

Triádica

  1. #535daf
  2. #af535d
  3. #5daf53

Tetrádica

  1. #535daf
  2. #a553af
  3. #afa553
  4. #5daf53

Quadrada

  1. #535daf
  2. #af538b
  3. #afa553
  4. #53af77

Monocromática

  1. #212648
  2. #3a417c
  3. #535daf
  4. #878ec7
  5. #bbbfe0

Sombras

#535daf misturado progressivamente com preto.

  1. #535daf
  2. #4b549e
  3. #424a8c
  4. #3a417b
  5. #323869
  6. #2a2f58
  7. #212546
  8. #191c35
  9. #111323
  10. #080912
  11. #000000

Matizes claros

#535daf misturado progressivamente com branco.

  1. #535daf
  2. #646db7
  3. #757dbf
  4. #878ec7
  5. #989ecf
  6. #a9aed7
  7. #babedf
  8. #cbcee7
  9. #dddfef
  10. #eeeff7
  11. #ffffff

Tons

#535daf misturado progressivamente com cinza.

  1. #535daf
  2. #5861aa
  3. #5c64a6
  4. #6168a1
  5. #656b9c
  6. #6a6f98
  7. #6e7293
  8. #73768e
  9. #777989
  10. #7c7d85
  11. #808080

Texto legível 5.91:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Texto legível 3.55:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Acromatopsia #646464 ≈ 0.003% dos homens
Acromatomalia #5e6188 ≈ 0.001% dos homens
Protanopia #3968b2 ≈ 1.01% dos homens
Deuteranopia #2f60ad ≈ 1.27% dos homens
Tritanopia #2a6f7d ≈ 0.0001% dos homens
Protanomalia #4564b1 ≈ 1.08% dos homens
Deuteranomalia #405fae ≈ 4.63% dos homens
Tritanomalia #3e6894 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-535daf {
  color: #535daf;
}
Fundo
.bg-535daf {
  background-color: #535daf;
  color: #ffffff;
}
Borda
.border-535daf {
  border: 2px solid #535daf;
}
Variáveis CSS
:root {
  --color-primary: #535daf;
  --color-primary-rgb: 83 93 175;
  --color-primary-hsl: 233 37% 51%;
}
Degradê
.gradient-535daf {
  background: linear-gradient(135deg, #535daf, #7753af);
}
Sombra colorida
.shadow-535daf {
  box-shadow: 0 8px 24px rgb(83 93 175 / 0.35);
}

#6a5acd Slate Blue ΔE 6.63 #5a4fcf Iris ΔE 7.07 #0f52ba Sapphire ΔE 7.69 #1560bd Denim ΔE 8.35 #4169e1 Royal Blue ΔE 8.36 #436b95 Queen Blue ΔE 8.36 #6050dc Majorelle Blue ΔE 8.38 #aca250 Invertida #646464 Escala de cinza 

Slate Blue
#535daf  rgb(83, 93, 175)  hsl(233, 37%, 51%)  Slate Blue
#afa553  rgb(175, 165, 83)  hsl(53, 37%, 51%)  Brass
#af535d  rgb(175, 83, 93)  hsl(353, 37%, 51%)  Brick Red
#5daf53  rgb(93, 175, 83)  hsl(113, 37%, 51%)  Mantis