ColorTool
Entrar
#D9E3DE

#d9e3de ≈ Platinum

  • cinza
  • Luminosidade: muito alta
  • Saturação: suave
  • Neutra
Verificar contraste Explorar no grafo Cor aleatória

#d9e3de é uma cor da família “cinza”, com luminosidade muito alta e saturação suave. No modelo RGB, é formada por 85,1% de vermelho, 89,02% de verde e 87,06% de azul; impressa em CMYK, usa 4,41% de ciano, 0% de magenta, 2,2% de amarelo e 10,98% de preto. Seu ângulo de matiz é 150°, com 15,15% de saturação e 87,06% de luminosidade em HSL. É uma cor neutra, muitas vezes associada a neutralidade, equilíbrio e profissionalismo. Designers costumam usá-la em texto e tipografia, identidades corporativas e fundos e grandes superfícies. Texto preto sobre esta cor atinge uma razão de contraste de 15,99:1 (WCAG AAA). A cor nomeada mais próxima é Platinum (#e5e4e2), ΔE 5,62.

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

Complementar

  1. #d9e3de
  2. #e3d9de

Complementar dividida

  1. #d9e3de
  2. #e3d9e3
  3. #e3d9d9

Análoga

  1. #d9e3d9
  2. #d9e3de
  3. #d9e3e3

Triádica

  1. #d9e3de
  2. #ded9e3
  3. #e3ded9

Tetrádica

  1. #d9e3de
  2. #d9dee3
  3. #e3d9de
  4. #e3ded9

Quadrada

  1. #d9e3de
  2. #d9d9e3
  3. #e3d9de
  4. #e3e3d9

Monocromática

  1. #81a292
  2. #adc3b8
  3. #d9e3de
  4. #f3f6f5
  5. #f3f6f5

Sombras

#d9e3de misturado progressivamente com preto.

  1. #d9e3de
  2. #c3ccc8
  3. #aeb6b2
  4. #989f9b
  5. #828885
  6. #6d726f
  7. #575b59
  8. #414443
  9. #2b2d2c
  10. #161716
  11. #000000

Matizes claros

#d9e3de misturado progressivamente com branco.

  1. #d9e3de
  2. #dde6e1
  3. #e1e9e5
  4. #e4ebe8
  5. #e8eeeb
  6. #ecf1ef
  7. #f0f4f2
  8. #f4f7f5
  9. #f7f9f8
  10. #fbfcfc
  11. #ffffff

Tons

#d9e3de misturado progressivamente com cinza.

  1. #d9e3de
  2. #d0d9d5
  3. #c7cfcb
  4. #bec5c2
  5. #b5bbb8
  6. #adb2af
  7. #a4a8a6
  8. #9b9e9c
  9. #929493
  10. #898a89
  11. #808080

Texto legível 1.31:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 15.99:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #e1e1e1 ≈ 0.003% dos homens
Acromatomalia #dee2e0 ≈ 0.001% dos homens
Protanopia #e3e1de ≈ 1.01% dos homens
Deuteranopia #e1e0de ≈ 1.27% dos homens
Tritanopia #d7e3e1 ≈ 0.0001% dos homens
Protanomalia #dfe2de ≈ 1.08% dos homens
Deuteranomalia #dee1de ≈ 4.63% dos homens
Tritanomalia #d8e3e0 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

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

#e5e4e2 Platinum ΔE 5.62 #dcdcdc Gainsboro ΔE 5.77 #f5fffa Mint Cream ΔE 5.89 #f0ffff Azure ΔE 6.40 #d3d3d3 Light Gray ΔE 6.47 #d3d3d3 Light Grey ΔE 6.47 #dbd7d2 Timberwolf ΔE 6.90 #261c21 Invertida #e1e1e1 Escala de cinza 

Platinum
#d9e3de  rgb(217, 227, 222)  hsl(150, 15%, 87%)  Platinum
#e3d9de  rgb(227, 217, 222)  hsl(330, 15%, 87%)  Lavender Blush
#ded9e3  rgb(222, 217, 227)  hsl(270, 15%, 87%)  Lavender
#e3ded9  rgb(227, 222, 217)  hsl(30, 15%, 87%)  Timberwolf