ColorTool
Entrar
#CCFDF1

#ccfdf1 ≈ Pale Turquoise

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

#ccfdf1 é uma cor da família “verde-azulado”, com luminosidade muito alta e saturação suave. No modelo RGB, é formada por 80% de vermelho, 99,22% de verde e 94,51% de azul; impressa em CMYK, usa 19,37% de ciano, 0% de magenta, 4,74% de amarelo e 0,78% de preto. Seu ângulo de matiz é 165,31°, com 92,45% de saturação e 89,61% de luminosidade em HSL. É uma cor fria, 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,89:1 (WCAG AAA). A cor nomeada mais próxima é Pale Turquoise (#afeeee), ΔE 6,22.

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

Complementar

  1. #ccfdf1
  2. #fdccd8

Complementar dividida

  1. #ccfdf1
  2. #fdccf0
  3. #fdd9cc

Análoga

  1. #ccfdd9
  2. #ccfdf1
  3. #ccf0fd

Triádica

  1. #ccfdf1
  2. #f1ccfd
  3. #fdf1cc

Tetrádica

  1. #ccfdf1
  2. #ccd8fd
  3. #fdccd8
  4. #fdf1cc

Quadrada

  1. #ccfdf1
  2. #d9ccfd
  3. #fdccd8
  4. #f0fdcc

Monocromática

  1. #39f7c9
  2. #82fadd
  3. #ccfdf1
  4. #ebfefa
  5. #ebfefa

Sombras

#ccfdf1 misturado progressivamente com preto.

  1. #ccfdf1
  2. #b8e4d9
  3. #a3cac1
  4. #8fb1a9
  5. #7a9891
  6. #667f79
  7. #526560
  8. #3d4c48
  9. #293330
  10. #141918
  11. #000000

Matizes claros

#ccfdf1 misturado progressivamente com branco.

  1. #ccfdf1
  2. #d1fdf2
  3. #d6fdf4
  4. #dbfef5
  5. #e0fef7
  6. #e6fef8
  7. #ebfef9
  8. #f0fefb
  9. #f5fffc
  10. #fafffe
  11. #ffffff

Tons

#ccfdf1 misturado progressivamente com cinza.

  1. #ccfdf1
  2. #c4f1e6
  3. #bde4da
  4. #b5d8cf
  5. #aecbc4
  6. #a6bfb9
  7. #9eb2ad
  8. #97a6a2
  9. #8f9997
  10. #888d8b
  11. #808080

Texto legível 1.11:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 18.89:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #f3f3f3 ≈ 0.003% dos homens
Acromatomalia #e4f7f2 ≈ 0.001% dos homens
Protanopia #f9f7f1 ≈ 1.01% dos homens
Deuteranopia #eff0f2 ≈ 1.27% dos homens
Tritanopia #c0fff9 ≈ 0.0001% dos homens
Protanomalia #e8f9f1 ≈ 1.08% dos homens
Deuteranomalia #e2f5f2 ≈ 4.63% dos homens
Tritanomalia #c5fef6 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-ccfdf1 {
  color: #ccfdf1;
}
Fundo
.bg-ccfdf1 {
  background-color: #ccfdf1;
  color: #000000;
}
Borda
.border-ccfdf1 {
  border: 2px solid #ccfdf1;
}
Variáveis CSS
:root {
  --color-primary: #ccfdf1;
  --color-primary-rgb: 204 253 241;
  --color-primary-hsl: 165 92% 90%;
}
Degradê
.gradient-ccfdf1 {
  background: linear-gradient(135deg, #ccfdf1, #ccf0fd);
}
Sombra colorida
.shadow-ccfdf1 {
  box-shadow: 0 8px 24px rgb(204 253 241 / 0.35);
}

#afeeee Pale Turquoise ΔE 6.22 #b2ffff Celeste ΔE 6.39 #e0ffff Light Cyan ΔE 7.03 #aaf0d1 Magic Mint ΔE 7.95 #b0e0e6 Powder Blue ΔE 9.45 #f0fff0 Honeydew ΔE 9.49 #9fe2bf Seafoam Green ΔE 10.52 #33020e Invertida #f3f3f3 Escala de cinza 

Pale Turquoise
#ccfdf1  rgb(204, 253, 241)  hsl(165, 92%, 90%)  Pale Turquoise
#fdccd8  rgb(253, 204, 216)  hsl(345, 92%, 90%)  Bubble Gum
#f1ccfd  rgb(241, 204, 253)  hsl(285, 92%, 90%)  Thistle
#fdf1cc  rgb(253, 241, 204)  hsl(45, 92%, 90%)  Cornsilk