ColorTool
Entrar
#606D97

#606d97 ≈ Queen Blue

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

#606d97 é uma cor da família “azul”, com luminosidade média e saturação suave. No modelo RGB, é formada por 37,65% de vermelho, 42,75% de verde e 59,22% de azul; impressa em CMYK, usa 36,42% de ciano, 27,81% de magenta, 0% de amarelo e 40,78% de preto. Seu ângulo de matiz é 225,82°, com 22,27% de saturação e 48,43% 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,08:1 (WCAG AA). A cor nomeada mais próxima é Queen Blue (#436b95), ΔE 7,77.

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

Complementar

  1. #606d97
  2. #978a60

Complementar dividida

  1. #606d97
  2. #976e60
  3. #889760

Análoga

  1. #608897
  2. #606d97
  3. #6e6097

Triádica

  1. #606d97
  2. #97606d
  3. #6d9760

Tetrádica

  1. #606d97
  2. #8a6097
  3. #978a60
  4. #6d9760

Quadrada

  1. #606d97
  2. #976088
  3. #978a60
  4. #60976e

Monocromática

  1. #252939
  2. #424b68
  3. #606d97
  4. #8d97b7
  5. #bcc2d4

Sombras

#606d97 misturado progressivamente com preto.

  1. #606d97
  2. #566288
  3. #4d5779
  4. #434c6a
  5. #3a415b
  6. #30374c
  7. #262c3c
  8. #1d212d
  9. #13161e
  10. #0a0b0f
  11. #000000

Matizes claros

#606d97 misturado progressivamente com branco.

  1. #606d97
  2. #707ca1
  3. #808aac
  4. #9099b6
  5. #a0a7c1
  6. #b0b6cb
  7. #bfc5d5
  8. #cfd3e0
  9. #dfe2ea
  10. #eff0f5
  11. #ffffff

Tons

#606d97 misturado progressivamente com cinza.

  1. #606d97
  2. #636f95
  3. #667192
  4. #6a7390
  5. #6d758e
  6. #70778c
  7. #737889
  8. #767a87
  9. #7a7c85
  10. #7d7e82
  11. #808080

Texto legível 5.08:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Texto legível 4.13:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Acromatopsia #6e6e6e ≈ 0.003% dos homens
Acromatomalia #696e81 ≈ 0.001% dos homens
Protanopia #5f7199 ≈ 1.01% dos homens
Deuteranopia #5b6c96 ≈ 1.27% dos homens
Tritanopia #50757c ≈ 0.0001% dos homens
Protanomalia #606f98 ≈ 1.08% dos homens
Deuteranomalia #5d6c96 ≈ 4.63% dos homens
Tritanomalia #577287 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-606d97 {
  color: #606d97;
}
Fundo
.bg-606d97 {
  background-color: #606d97;
  color: #ffffff;
}
Borda
.border-606d97 {
  border: 2px solid #606d97;
}
Variáveis CSS
:root {
  --color-primary: #606d97;
  --color-primary-rgb: 96 109 151;
  --color-primary-hsl: 226 22% 48%;
}
Degradê
.gradient-606d97 {
  background: linear-gradient(135deg, #606d97, #6e6097);
}
Sombra colorida
.shadow-606d97 {
  box-shadow: 0 8px 24px rgb(96 109 151 / 0.35);
}

#436b95 Queen Blue ΔE 7.77 #6082b6 Glaucous ΔE 9.57 #26619c Lapis Lazuli ΔE 11.02 #4169e1 Royal Blue ΔE 11.46 #6a5acd Slate Blue ΔE 11.57 #708090 Slate Gray ΔE 11.61 #708090 Slate Grey ΔE 11.61 #9f9268 Invertida #6e6e6e Escala de cinza 

Queen Blue
#606d97  rgb(96, 109, 151)  hsl(226, 22%, 48%)  Queen Blue
#978a60  rgb(151, 138, 96)  hsl(46, 22%, 48%)  Moss Green
#97606d  rgb(151, 96, 109)  hsl(346, 22%, 48%)  Mauve Taupe
#6d9760  rgb(109, 151, 96)  hsl(106, 22%, 48%)  Asparagus