ColorTool
Entrar
#C0C8CF

#c0c8cf ≈ Silver

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

#c0c8cf é uma cor da família “azul-celeste”, com luminosidade alta e saturação suave. No modelo RGB, é formada por 75,29% de vermelho, 78,43% de verde e 81,18% de azul; impressa em CMYK, usa 7,25% de ciano, 3,38% de magenta, 0% de amarelo e 18,82% de preto. Seu ângulo de matiz é 208°, com 13,51% de saturação e 78,24% 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 detalhes de marca. Texto preto sobre esta cor atinge uma razão de contraste de 12,4:1 (WCAG AAA). A cor nomeada mais próxima é Silver (#c0c0c0), ΔE 4,74.

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

Complementar

  1. #c0c8cf
  2. #cfc7c0

Complementar dividida

  1. #c0c8cf
  2. #cfc0c1
  3. #cfcfc0

Análoga

  1. #c0cfcf
  2. #c0c8cf
  3. #c0c1cf

Triádica

  1. #c0c8cf
  2. #cfc0c8
  3. #c8cfc0

Tetrádica

  1. #c0c8cf
  2. #c7c0cf
  3. #cfc7c0
  4. #c8cfc0

Quadrada

  1. #c0c8cf
  2. #cfc0cf
  3. #cfc7c0
  4. #c1cfc0

Monocromática

  1. #6a7c8c
  2. #95a2ae
  3. #c0c8cf
  4. #ebeef0
  5. #f3f5f6

Sombras

#c0c8cf misturado progressivamente com preto.

  1. #c0c8cf
  2. #adb4ba
  3. #9aa0a6
  4. #868c91
  5. #73787c
  6. #606468
  7. #4d5053
  8. #3a3c3e
  9. #262829
  10. #131415
  11. #000000

Matizes claros

#c0c8cf misturado progressivamente com branco.

  1. #c0c8cf
  2. #c6ced4
  3. #cdd3d9
  4. #d3d9dd
  5. #d9dee2
  6. #e0e4e7
  7. #e6e9ec
  8. #eceff1
  9. #f2f4f5
  10. #f9fafa
  11. #ffffff

Tons

#c0c8cf misturado progressivamente com cinza.

  1. #c0c8cf
  2. #bac1c7
  3. #b3babf
  4. #adb2b7
  5. #a6abaf
  6. #a0a4a8
  7. #9a9da0
  8. #939698
  9. #8d8e90
  10. #868788
  11. #808080

Texto legível 1.69:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 12.4:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #c7c7c7 ≈ 0.003% dos homens
Acromatomalia #c4c7ca ≈ 0.001% dos homens
Protanopia #c5c8cf ≈ 1.01% dos homens
Deuteranopia #c3c6cf ≈ 1.27% dos homens
Tritanopia #bdcaca ≈ 0.0001% dos homens
Protanomalia #c3c8cf ≈ 1.08% dos homens
Deuteranomalia #c2c7cf ≈ 4.63% dos homens
Tritanomalia #bec9cc ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-c0c8cf {
  color: #c0c8cf;
}
Fundo
.bg-c0c8cf {
  background-color: #c0c8cf;
  color: #000000;
}
Borda
.border-c0c8cf {
  border: 2px solid #c0c8cf;
}
Variáveis CSS
:root {
  --color-primary: #c0c8cf;
  --color-primary-rgb: 192 200 207;
  --color-primary-hsl: 208 14% 78%;
}
Degradê
.gradient-c0c8cf {
  background: linear-gradient(135deg, #c0c8cf, #c0c1cf);
}
Sombra colorida
.shadow-c0c8cf {
  box-shadow: 0 8px 24px rgb(192 200 207 / 0.35);
}

#c0c0c0 Silver ΔE 4.74 #d3d3d3 Light Gray ΔE 5.31 #d3d3d3 Light Grey ΔE 5.31 #aec6cf Pastel Blue ΔE 5.95 #bcd4e6 Pale Aqua ΔE 6.38 #dcdcdc Gainsboro ΔE 6.69 #b0c4de Light Steel Blue ΔE 7.57 #3f3730 Invertida #c7c7c7 Escala de cinza 

Silver
#c0c8cf  rgb(192, 200, 207)  hsl(208, 14%, 78%)  Silver
#cfc7c0  rgb(207, 199, 192)  hsl(28, 14%, 78%)  Timberwolf
#cfc0c8  rgb(207, 192, 200)  hsl(328, 14%, 78%)  Languid Lavender
#c8cfc0  rgb(200, 207, 192)  hsl(88, 14%, 78%)  Ash Gray