ColorTool
Entrar
#CCF7E8

#ccf7e8 ≈ Pale Turquoise

  • verde-azulado
  • Luminosidade: muito alta
  • Saturação: suave
  • Equilibrada
Verificar contraste Explorar no grafo Cor aleatória

#ccf7e8 é uma cor da família “verde-azulado”, com luminosidade muito alta e saturação suave. No modelo RGB, é formada por 80% de vermelho, 96,86% de verde e 90,98% de azul; impressa em CMYK, usa 17,41% de ciano, 0% de magenta, 6,07% de amarelo e 3,14% de preto. Seu ângulo de matiz é 159,07°, com 72,88% de saturação e 88,43% de luminosidade em HSL. Fica entre quente e fria e é muitas vezes associada a clareza, calma e renovação. 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 18,04:1 (WCAG AAA). A cor nomeada mais próxima é Pale Turquoise (#afeeee), ΔE 7,23.

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

Complementar

  1. #ccf7e8
  2. #f7ccdb

Complementar dividida

  1. #ccf7e8
  2. #f7ccf0
  3. #f7d2cc

Análoga

  1. #ccf7d2
  2. #ccf7e8
  3. #ccf0f7

Triádica

  1. #ccf7e8
  2. #e8ccf7
  3. #f7e8cc

Tetrádica

  1. #ccf7e8
  2. #ccdbf7
  3. #f7ccdb
  4. #f7e8cc

Quadrada

  1. #ccf7e8
  2. #d2ccf7
  3. #f7ccdb
  4. #f0f7cc

Monocromática

  1. #48e2ac
  2. #8aedca
  3. #ccf7e8
  4. #edfcf7
  5. #edfcf7

Sombras

#ccf7e8 misturado progressivamente com preto.

  1. #ccf7e8
  2. #b8ded1
  3. #a3c6ba
  4. #8fada2
  5. #7a948b
  6. #667c74
  7. #52635d
  8. #3d4a46
  9. #29312e
  10. #141917
  11. #000000

Matizes claros

#ccf7e8 misturado progressivamente com branco.

  1. #ccf7e8
  2. #d1f8ea
  3. #d6f9ed
  4. #dbf9ef
  5. #e0faf1
  6. #e6fbf4
  7. #ebfcf6
  8. #f0fdf8
  9. #f5fdfa
  10. #fafefd
  11. #ffffff

Tons

#ccf7e8 misturado progressivamente com cinza.

  1. #ccf7e8
  2. #c4ebde
  3. #bddfd3
  4. #b5d3c9
  5. #aec7be
  6. #a6bcb4
  7. #9eb0aa
  8. #97a49f
  9. #8f9895
  10. #888c8a
  11. #808080

Texto legível 1.16:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 18.04:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #eeeeee ≈ 0.003% dos homens
Acromatomalia #e1f1eb ≈ 0.001% dos homens
Protanopia #f4f1e7 ≈ 1.01% dos homens
Deuteranopia #ecebe9 ≈ 1.27% dos homens
Tritanopia #c2f8f2 ≈ 0.0001% dos homens
Protanomalia #e5f3e8 ≈ 1.08% dos homens
Deuteranomalia #e0f0e9 ≈ 4.63% dos homens
Tritanomalia #c6f8ee ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-ccf7e8 {
  color: #ccf7e8;
}
Fundo
.bg-ccf7e8 {
  background-color: #ccf7e8;
  color: #000000;
}
Borda
.border-ccf7e8 {
  border: 2px solid #ccf7e8;
}
Variáveis CSS
:root {
  --color-primary: #ccf7e8;
  --color-primary-rgb: 204 247 232;
  --color-primary-hsl: 159 73% 88%;
}
Degradê
.gradient-ccf7e8 {
  background: linear-gradient(135deg, #ccf7e8, #ccf0f7);
}
Sombra colorida
.shadow-ccf7e8 {
  box-shadow: 0 8px 24px rgb(204 247 232 / 0.35);
}

#afeeee Pale Turquoise ΔE 7.23 #aaf0d1 Magic Mint ΔE 7.27 #e0ffff Light Cyan ΔE 7.46 #b2ffff Celeste ΔE 8.16 #f0fff0 Honeydew ΔE 8.47 #9fe2bf Seafoam Green ΔE 9.43 #b0e0e6 Powder Blue ΔE 9.78 #330817 Invertida #eeeeee Escala de cinza 

Pale Turquoise
#ccf7e8  rgb(204, 247, 232)  hsl(159, 73%, 88%)  Pale Turquoise
#f7ccdb  rgb(247, 204, 219)  hsl(339, 73%, 88%)  Bubble Gum
#e8ccf7  rgb(232, 204, 247)  hsl(279, 73%, 88%)  Thistle
#f7e8cc  rgb(247, 232, 204)  hsl(39, 73%, 88%)  Champagne