ColorTool
Entrar
#C5F2F0

#c5f2f0 ≈ Pale Turquoise

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

#c5f2f0 é uma cor da família “ciano”, com luminosidade muito alta e saturação suave. No modelo RGB, é formada por 77,25% de vermelho, 94,9% de verde e 94,12% de azul; impressa em CMYK, usa 18,6% de ciano, 0% de magenta, 0,83% de amarelo e 5,1% de preto. Seu ângulo de matiz é 177,33°, com 63,38% de saturação e 86,08% 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 paletas pastel suaves. Texto preto sobre esta cor atinge uma razão de contraste de 17,33:1 (WCAG AAA). A cor nomeada mais próxima é Pale Turquoise (#afeeee), ΔE 3,78.

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

Complementar

  1. #c5f2f0
  2. #f2c5c7

Complementar dividida

  1. #c5f2f0
  2. #f2c5de
  3. #f2dac5

Análoga

  1. #c5f2da
  2. #c5f2f0
  3. #c5def2

Triádica

  1. #c5f2f0
  2. #f0c5f2
  3. #f2f0c5

Tetrádica

  1. #c5f2f0
  2. #c5c7f2
  3. #f2c5c7
  4. #f2f0c5

Quadrada

  1. #c5f2f0
  2. #dac5f2
  3. #f2c5c7
  4. #def2c5

Monocromática

  1. #48d6d0
  2. #87e4e0
  3. #c5f2f0
  4. #eefbfb
  5. #eefbfb

Sombras

#c5f2f0 misturado progressivamente com preto.

  1. #c5f2f0
  2. #b1dad8
  3. #9ec2c0
  4. #8aa9a8
  5. #769190
  6. #637978
  7. #4f6160
  8. #3b4948
  9. #273030
  10. #141818
  11. #000000

Matizes claros

#c5f2f0 misturado progressivamente com branco.

  1. #c5f2f0
  2. #cbf3f2
  3. #d1f5f3
  4. #d6f6f5
  5. #dcf7f6
  6. #e2f9f8
  7. #e8faf9
  8. #eefbfb
  9. #f3fcfc
  10. #f9fefe
  11. #ffffff

Tons

#c5f2f0 misturado progressivamente com cinza.

  1. #c5f2f0
  2. #bee7e5
  3. #b7dbda
  4. #b0d0ce
  5. #a9c4c3
  6. #a3b9b8
  7. #9caead
  8. #95a2a2
  9. #8e9796
  10. #878b8b
  11. #808080

Texto legível 1.21:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 17.33:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #e9e9e9 ≈ 0.003% dos homens
Acromatomalia #dcedec ≈ 0.001% dos homens
Protanopia #ecedf0 ≈ 1.01% dos homens
Deuteranopia #e3e6f1 ≈ 1.27% dos homens
Tritanopia #b8f5f1 ≈ 0.0001% dos homens
Protanomalia #deeff0 ≈ 1.08% dos homens
Deuteranomalia #d8ebf0 ≈ 4.63% dos homens
Tritanomalia #bdf4f1 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-c5f2f0 {
  color: #c5f2f0;
}
Fundo
.bg-c5f2f0 {
  background-color: #c5f2f0;
  color: #000000;
}
Borda
.border-c5f2f0 {
  border: 2px solid #c5f2f0;
}
Variáveis CSS
:root {
  --color-primary: #c5f2f0;
  --color-primary-rgb: 197 242 240;
  --color-primary-hsl: 177 63% 86%;
}
Degradê
.gradient-c5f2f0 {
  background: linear-gradient(135deg, #c5f2f0, #c5def2);
}
Sombra colorida
.shadow-c5f2f0 {
  box-shadow: 0 8px 24px rgb(197 242 240 / 0.35);
}

#afeeee Pale Turquoise ΔE 3.78 #e0ffff Light Cyan ΔE 5.05 #b0e0e6 Powder Blue ΔE 5.14 #b2ffff Celeste ΔE 5.80 #a4dded Non-Photo Blue ΔE 8.52 #add8e6 Light Blue ΔE 8.89 #f0ffff Azure ΔE 9.67 #3a0d0f Invertida #e9e9e9 Escala de cinza 

Pale Turquoise
#c5f2f0  rgb(197, 242, 240)  hsl(177, 63%, 86%)  Pale Turquoise
#f2c5c7  rgb(242, 197, 199)  hsl(357, 63%, 86%)  Baby Pink
#f0c5f2  rgb(240, 197, 242)  hsl(297, 63%, 86%)  Thistle
#f2f0c5  rgb(242, 240, 197)  hsl(57, 63%, 86%)  Light Goldenrod Yellow