ColorTool
Entrar
#CDE7FA

#cde7fa ≈ Columbia Blue

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

#cde7fa é uma cor da família “azul-celeste”, com luminosidade muito alta e saturação suave. No modelo RGB, é formada por 80,39% de vermelho, 90,59% de verde e 98,04% de azul; impressa em CMYK, usa 18% de ciano, 7,6% de magenta, 0% de amarelo e 1,96% de preto. Seu ângulo de matiz é 205,33°, com 81,82% de saturação e 89,22% 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 paletas pastel suaves. Texto preto sobre esta cor atinge uma razão de contraste de 16,41:1 (WCAG AAA). A cor nomeada mais próxima é Columbia Blue (#b9d9eb), ΔE 4,02.

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

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

Complementar

  1. #cde7fa
  2. #fae0cd

Complementar dividida

  1. #cde7fa
  2. #facdd1
  3. #faf7cd

Análoga

  1. #cdfaf7
  2. #cde7fa
  3. #cdd1fa

Triádica

  1. #cde7fa
  2. #facde7
  3. #e7facd

Tetrádica

  1. #cde7fa
  2. #e0cdfa
  3. #fae0cd
  4. #e7facd

Quadrada

  1. #cde7fa
  2. #f7cdfa
  3. #fae0cd
  4. #d1facd

Monocromática

  1. #42a4ec
  2. #87c6f3
  3. #cde7fa
  4. #ecf6fd
  5. #ecf6fd

Sombras

#cde7fa misturado progressivamente com preto.

  1. #cde7fa
  2. #b9d0e1
  3. #a4b9c8
  4. #90a2af
  5. #7b8b96
  6. #67747d
  7. #525c64
  8. #3e454b
  9. #292e32
  10. #151719
  11. #000000

Matizes claros

#cde7fa misturado progressivamente com branco.

  1. #cde7fa
  2. #d2e9fb
  3. #d7ecfb
  4. #dceefc
  5. #e1f1fc
  6. #e6f3fd
  7. #ebf5fd
  8. #f0f8fe
  9. #f5fafe
  10. #fafdff
  11. #ffffff

Tons

#cde7fa misturado progressivamente com cinza.

  1. #cde7fa
  2. #c5ddee
  3. #bed2e2
  4. #b6c8d5
  5. #aebec9
  6. #a7b4bd
  7. #9fa9b1
  8. #979fa5
  9. #8f9598
  10. #888a8c
  11. #808080

Texto legível 1.28:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 16.41:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #e3e3e3 ≈ 0.003% dos homens
Acromatomalia #dbe5ed ≈ 0.001% dos homens
Protanopia #dfe6fb ≈ 1.01% dos homens
Deuteranopia #d9e1fa ≈ 1.27% dos homens
Tritanopia #c1eced ≈ 0.0001% dos homens
Protanomalia #d8e7fb ≈ 1.08% dos homens
Deuteranomalia #d4e3fa ≈ 4.63% dos homens
Tritanomalia #c6eaf2 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-cde7fa {
  color: #cde7fa;
}
Fundo
.bg-cde7fa {
  background-color: #cde7fa;
  color: #000000;
}
Borda
.border-cde7fa {
  border: 2px solid #cde7fa;
}
Variáveis CSS
:root {
  --color-primary: #cde7fa;
  --color-primary-rgb: 205 231 250;
  --color-primary-hsl: 205 82% 89%;
}
Degradê
.gradient-cde7fa {
  background: linear-gradient(135deg, #cde7fa, #cdd1fa);
}
Sombra colorida
.shadow-cde7fa {
  box-shadow: 0 8px 24px rgb(205 231 250 / 0.35);
}

#b9d9eb Columbia Blue ΔE 4.02 #bcd4e6 Pale Aqua ΔE 4.31 #add8e6 Light Blue ΔE 7.31 #f0f8ff Alice Blue ΔE 7.72 #aec6cf Pastel Blue ΔE 8.86 #b0c4de Light Steel Blue ΔE 9.00 #a4dded Non-Photo Blue ΔE 9.04 #321805 Invertida #e3e3e3 Escala de cinza 

Columbia Blue
#cde7fa  rgb(205, 231, 250)  hsl(205, 82%, 89%)  Columbia Blue
#fae0cd  rgb(250, 224, 205)  hsl(25, 82%, 89%)  Unbleached Silk
#facde7  rgb(250, 205, 231)  hsl(325, 82%, 89%)  Thistle
#e7facd  rgb(231, 250, 205)  hsl(85, 82%, 89%)  Tea Green