ColorTool
Entrar
#96ACB0

#96acb0 ≈ Pastel Blue

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

#96acb0 é uma cor da família “ciano”, com luminosidade alta e saturação suave. No modelo RGB, é formada por 58,82% de vermelho, 67,45% de verde e 69,02% de azul; impressa em CMYK, usa 14,77% de ciano, 2,27% de magenta, 0% de amarelo e 30,98% de preto. Seu ângulo de matiz é 189,23°, com 14,13% de saturação e 63,92% 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 8,82:1 (WCAG AAA). A cor nomeada mais próxima é Pastel Blue (#aec6cf), ΔE 7,43.

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

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

Complementar

  1. #96acb0
  2. #b09a96

Complementar dividida

  1. #96acb0
  2. #b0969f
  3. #b0a796

Análoga

  1. #96b0a7
  2. #96acb0
  3. #969fb0

Triádica

  1. #96acb0
  2. #b096ac
  3. #acb096

Tetrádica

  1. #96acb0
  2. #9a96b0
  3. #b09a96
  4. #acb096

Quadrada

  1. #96acb0
  2. #a796b0
  3. #b09a96
  4. #9fb096

Monocromática

  1. #4a5f63
  2. #6b898e
  3. #96acb0
  4. #c2cfd1
  5. #edf1f2

Sombras

#96acb0 misturado progressivamente com preto.

  1. #96acb0
  2. #879b9e
  3. #788a8d
  4. #69787b
  5. #5a676a
  6. #4b5658
  7. #3c4546
  8. #2d3435
  9. #1e2223
  10. #0f1112
  11. #000000

Matizes claros

#96acb0 misturado progressivamente com branco.

  1. #96acb0
  2. #a1b4b8
  3. #abbdc0
  4. #b6c5c8
  5. #c0cdd0
  6. #cbd6d8
  7. #d5dedf
  8. #e0e6e7
  9. #eaeeef
  10. #f5f7f7
  11. #ffffff

Tons

#96acb0 misturado progressivamente com cinza.

  1. #96acb0
  2. #94a8ab
  3. #92a3a6
  4. #8f9fa2
  5. #8d9a9d
  6. #8b9698
  7. #899293
  8. #878d8e
  9. #84898a
  10. #828485
  11. #808080

Texto legível 2.38:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 8.82:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #a8a8a8 ≈ 0.003% dos homens
Acromatomalia #a1aaab ≈ 0.001% dos homens
Protanopia #a8aab0 ≈ 1.01% dos homens
Deuteranopia #a3a6b0 ≈ 1.27% dos homens
Tritanopia #8faead ≈ 0.0001% dos homens
Protanomalia #a1abb0 ≈ 1.08% dos homens
Deuteranomalia #9ea9b0 ≈ 4.63% dos homens
Tritanomalia #92adae ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-96acb0 {
  color: #96acb0;
}
Fundo
.bg-96acb0 {
  background-color: #96acb0;
  color: #000000;
}
Borda
.border-96acb0 {
  border: 2px solid #96acb0;
}
Variáveis CSS
:root {
  --color-primary: #96acb0;
  --color-primary-rgb: 150 172 176;
  --color-primary-hsl: 189 14% 64%;
}
Degradê
.gradient-96acb0 {
  background: linear-gradient(135deg, #96acb0, #969fb0);
}
Sombra colorida
.shadow-96acb0 {
  box-shadow: 0 8px 24px rgb(150 172 176 / 0.35);
}

#aec6cf Pastel Blue ΔE 7.43 #a8c3bc Opal ΔE 8.24 #b2beb5 Ash Gray ΔE 8.59 #a9a9a9 Dark Gray ΔE 8.90 #a9a9a9 Dark Grey ΔE 8.90 #73a9c2 Moonstone Blue ΔE 9.23 #c0c0c0 Silver ΔE 11.08 #69534f Invertida #a8a8a8 Escala de cinza 

Pastel Blue
#96acb0  rgb(150, 172, 176)  hsl(189, 14%, 64%)  Pastel Blue
#b09a96  rgb(176, 154, 150)  hsl(9, 14%, 64%)  Silver Pink
#b096ac  rgb(176, 150, 172)  hsl(309, 14%, 64%)  Pastel Purple
#acb096  rgb(172, 176, 150)  hsl(69, 14%, 64%)  Sage