ColorTool
Entrar
#596ACE

#596ace ≈ Royal Blue

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

#596ace é uma cor da família “azul”, com luminosidade média e saturação moderada. No modelo RGB, é formada por 34,9% de vermelho, 41,57% de verde e 80,78% de azul; impressa em CMYK, usa 56,8% de ciano, 48,54% de magenta, 0% de amarelo e 19,22% de preto. Seu ângulo de matiz é 231,28°, com 54,42% de saturação e 57,84% 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 4,8:1 (WCAG AA). A cor nomeada mais próxima é Royal Blue (#4169e1), ΔE 3,7.

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

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

Complementar

  1. #596ace
  2. #cebd59

Complementar dividida

  1. #596ace
  2. #ce8259
  3. #a4ce59

Análoga

  1. #59a4ce
  2. #596ace
  3. #8259ce

Triádica

  1. #596ace
  2. #ce596a
  3. #6ace59

Tetrádica

  1. #596ace
  2. #bd59ce
  3. #cebd59
  4. #6ace59

Quadrada

  1. #596ace
  2. #ce59a4
  3. #cebd59
  4. #59ce82

Monocromática

  1. #202c6e
  2. #3243a9
  3. #596ace
  4. #949fdf
  5. #cfd4f1

Sombras

#596ace misturado progressivamente com preto.

  1. #596ace
  2. #505fb9
  3. #4755a5
  4. #3e4a90
  5. #35407c
  6. #2d3567
  7. #242a52
  8. #1b203e
  9. #121529
  10. #090b15
  11. #000000

Matizes claros

#596ace misturado progressivamente com branco.

  1. #596ace
  2. #6a79d3
  3. #7a88d8
  4. #8b97dd
  5. #9ba6e2
  6. #acb5e7
  7. #bdc3eb
  8. #cdd2f0
  9. #dee1f5
  10. #eef0fa
  11. #ffffff

Tons

#596ace misturado progressivamente com cinza.

  1. #596ace
  2. #5d6cc6
  3. #616ebe
  4. #6571b7
  5. #6973af
  6. #6d75a7
  7. #70779f
  8. #747997
  9. #787c90
  10. #7c7e88
  11. #808080

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

Acromatopsia #727272 ≈ 0.003% dos homens
Acromatomalia #696f9f ≈ 0.001% dos homens
Protanopia #3977d2 ≈ 1.01% dos homens
Deuteranopia #276dcc ≈ 1.27% dos homens
Tritanopia #0d8092 ≈ 0.0001% dos homens
Protanomalia #4872d0 ≈ 1.08% dos homens
Deuteranomalia #406ccd ≈ 4.63% dos homens
Tritanomalia #3a78ad ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-596ace {
  color: #596ace;
}
Fundo
.bg-596ace {
  background-color: #596ace;
  color: #ffffff;
}
Borda
.border-596ace {
  border: 2px solid #596ace;
}
Variáveis CSS
:root {
  --color-primary: #596ace;
  --color-primary-rgb: 89 106 206;
  --color-primary-hsl: 231 54% 58%;
}
Degradê
.gradient-596ace {
  background: linear-gradient(135deg, #596ace, #8259ce);
}
Sombra colorida
.shadow-596ace {
  box-shadow: 0 8px 24px rgb(89 106 206 / 0.35);
}

#4169e1 Royal Blue ΔE 3.70 #4166f5 Ultramarine Blue ΔE 5.14 #6a5acd Slate Blue ΔE 6.83 #7b68ee Medium Slate Blue ΔE 7.87 #0070ff Brandeis Blue ΔE 7.94 #436b95 Queen Blue ΔE 8.66 #6050dc Majorelle Blue ΔE 8.80 #a69531 Invertida #727272 Escala de cinza 

Royal Blue
#596ace  rgb(89, 106, 206)  hsl(231, 54%, 58%)  Royal Blue
#cebd59  rgb(206, 189, 89)  hsl(51, 54%, 58%)  Vegas Gold
#ce596a  rgb(206, 89, 106)  hsl(351, 54%, 58%)  Indian Red
#6ace59  rgb(106, 206, 89)  hsl(111, 54%, 58%)  Mantis