ColorTool
Entrar
#D1D6DE

#d1d6de ≈ Light Gray

  • azul-celeste
  • Luminosidade: muito alta
  • Saturação: suave
  • Fria
Verificar contraste Explorar no grafo Cor aleatória

#d1d6de é uma cor da família “azul-celeste”, com luminosidade muito alta e saturação suave. No modelo RGB, é formada por 81,96% de vermelho, 83,92% de verde e 87,06% de azul; impressa em CMYK, usa 5,86% de ciano, 3,6% de magenta, 0% de amarelo e 12,94% de preto. Seu ângulo de matiz é 216,92°, com 16,46% de saturação e 84,51% de luminosidade em HSL. É uma cor fria, muitas vezes associada a abertura, liberdade e calma. Designers costumam usá-la em produtos de tecnologia, finanças e bancos e fundos e grandes superfícies. Texto preto sobre esta cor atinge uma razão de contraste de 14,38:1 (WCAG AAA). A cor nomeada mais próxima é Light Gray (#d3d3d3), ΔE 4,15.

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

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

Complementar

  1. #d1d6de
  2. #ded9d1

Complementar dividida

  1. #d1d6de
  2. #ded2d1
  3. #ddded1

Análoga

  1. #d1ddde
  2. #d1d6de
  3. #d2d1de

Triádica

  1. #d1d6de
  2. #ded1d6
  3. #d6ded1

Tetrádica

  1. #d1d6de
  2. #d9d1de
  3. #ded9d1
  4. #d6ded1

Quadrada

  1. #d1d6de
  2. #ded1dd
  3. #ded9d1
  4. #d1ded2

Monocromática

  1. #78879e
  2. #a4aebe
  3. #d1d6de
  4. #f3f4f6
  5. #f3f4f6

Sombras

#d1d6de misturado progressivamente com preto.

  1. #d1d6de
  2. #bcc1c8
  3. #a7abb2
  4. #92969b
  5. #7d8085
  6. #696b6f
  7. #545659
  8. #3f4043
  9. #2a2b2c
  10. #151516
  11. #000000

Matizes claros

#d1d6de misturado progressivamente com branco.

  1. #d1d6de
  2. #d6dae1
  3. #dadee5
  4. #dfe2e8
  5. #e3e6eb
  6. #e8ebef
  7. #edeff2
  8. #f1f3f5
  9. #f6f7f8
  10. #fafbfc
  11. #ffffff

Tons

#d1d6de misturado progressivamente com cinza.

  1. #d1d6de
  2. #c9cdd5
  3. #c1c5cb
  4. #b9bcc2
  5. #b1b4b8
  6. #a9abaf
  7. #a0a2a6
  8. #989a9c
  9. #909193
  10. #888989
  11. #808080

Texto legível 1.46:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 14.38:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #d6d6d6 ≈ 0.003% dos homens
Acromatomalia #d4d6d9 ≈ 0.001% dos homens
Protanopia #d4d6de ≈ 1.01% dos homens
Deuteranopia #d2d5de ≈ 1.27% dos homens
Tritanopia #ced8d8 ≈ 0.0001% dos homens
Protanomalia #d3d6de ≈ 1.08% dos homens
Deuteranomalia #d2d5de ≈ 4.63% dos homens
Tritanomalia #cfd7db ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-d1d6de {
  color: #d1d6de;
}
Fundo
.bg-d1d6de {
  background-color: #d1d6de;
  color: #000000;
}
Borda
.border-d1d6de {
  border: 2px solid #d1d6de;
}
Variáveis CSS
:root {
  --color-primary: #d1d6de;
  --color-primary-rgb: 209 214 222;
  --color-primary-hsl: 217 16% 85%;
}
Degradê
.gradient-d1d6de {
  background: linear-gradient(135deg, #d1d6de, #d2d1de);
}
Sombra colorida
.shadow-d1d6de {
  box-shadow: 0 8px 24px rgb(209 214 222 / 0.35);
}

#d3d3d3 Light Gray ΔE 4.15 #d3d3d3 Light Grey ΔE 4.15 #dcdcdc Gainsboro ΔE 4.37 #e5e4e2 Platinum ΔE 6.19 #c0c0c0 Silver ΔE 6.69 #bcd4e6 Pale Aqua ΔE 6.96 #dbd7d2 Timberwolf ΔE 6.97 #2e2921 Invertida #d6d6d6 Escala de cinza 

Light Gray
#d1d6de  rgb(209, 214, 222)  hsl(217, 16%, 85%)  Light Gray
#ded9d1  rgb(222, 217, 209)  hsl(37, 16%, 85%)  Timberwolf
#ded1d6  rgb(222, 209, 214)  hsl(337, 16%, 85%)  Languid Lavender
#d6ded1  rgb(214, 222, 209)  hsl(97, 16%, 85%)  Eggshell