ColorTool
Entrar
#CCF4CA

#ccf4ca ≈ Tea Green

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

#ccf4ca é uma cor da família “verde”, com luminosidade muito alta e saturação suave. No modelo RGB, é formada por 80% de vermelho, 95,69% de verde e 79,22% de azul; impressa em CMYK, usa 16,39% de ciano, 0% de magenta, 17,21% de amarelo e 4,31% de preto. Seu ângulo de matiz é 117,14°, com 65,63% de saturação e 87,45% de luminosidade em HSL. Fica entre quente e fria e é muitas vezes associada a natureza, saúde e equilíbrio. Designers costumam usá-la em marcas sustentáveis, saúde e bem-estar e paletas pastel suaves. Texto preto sobre esta cor atinge uma razão de contraste de 17,36:1 (WCAG AAA). A cor nomeada mais próxima é Tea Green (#d0f0c0), ΔE 2,68.

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

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

Complementar

  1. #ccf4ca
  2. #f2caf4

Complementar dividida

  1. #ccf4ca
  2. #ddcaf4
  3. #f4cae1

Análoga

  1. #e1f4ca
  2. #ccf4ca
  3. #caf4dd

Triádica

  1. #ccf4ca
  2. #caccf4
  3. #f4cacc

Tetrádica

  1. #ccf4ca
  2. #caf4f2
  3. #f2caf4
  4. #f4cacc

Quadrada

  1. #ccf4ca
  2. #cae1f4
  3. #f2caf4
  4. #f4ddca

Monocromática

  1. #52da4b
  2. #8fe78b
  3. #ccf4ca
  4. #effbee
  5. #effbee

Sombras

#ccf4ca misturado progressivamente com preto.

  1. #ccf4ca
  2. #b8dcb6
  3. #a3c3a2
  4. #8fab8d
  5. #7a9279
  6. #667a65
  7. #526251
  8. #3d493d
  9. #293128
  10. #141814
  11. #000000

Matizes claros

#ccf4ca misturado progressivamente com branco.

  1. #ccf4ca
  2. #d1f5cf
  3. #d6f6d5
  4. #dbf7da
  5. #e0f8df
  6. #e6fae5
  7. #ebfbea
  8. #f0fcef
  9. #f5fdf4
  10. #fafefa
  11. #ffffff

Tons

#ccf4ca misturado progressivamente com cinza.

  1. #ccf4ca
  2. #c4e8c3
  3. #bdddbb
  4. #b5d1b4
  5. #aec6ac
  6. #a6baa5
  7. #9eae9e
  8. #97a396
  9. #8f978f
  10. #888c87
  11. #808080

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

Acromatopsia #e9e9e9 ≈ 0.003% dos homens
Acromatomalia #deeede ≈ 0.001% dos homens
Protanopia #f6ecc8 ≈ 1.01% dos homens
Deuteranopia #efe8cc ≈ 1.27% dos homens
Tritanopia #c9f1e8 ≈ 0.0001% dos homens
Protanomalia #e7efc9 ≈ 1.08% dos homens
Deuteranomalia #e2edcb ≈ 4.63% dos homens
Tritanomalia #caf2dd ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-ccf4ca {
  color: #ccf4ca;
}
Fundo
.bg-ccf4ca {
  background-color: #ccf4ca;
  color: #000000;
}
Borda
.border-ccf4ca {
  border: 2px solid #ccf4ca;
}
Variáveis CSS
:root {
  --color-primary: #ccf4ca;
  --color-primary-rgb: 204 244 202;
  --color-primary-hsl: 117 66% 87%;
}
Degradê
.gradient-ccf4ca {
  background: linear-gradient(135deg, #ccf4ca, #caf4dd);
}
Sombra colorida
.shadow-ccf4ca {
  box-shadow: 0 8px 24px rgb(204 244 202 / 0.35);
}

#d0f0c0 Tea Green ΔE 2.68 #ace1af Celadon ΔE 5.71 #aaf0d1 Magic Mint ΔE 7.16 #9fe2bf Seafoam Green ΔE 7.61 #a8e4a0 Granny Smith Apple ΔE 7.84 #f0fff0 Honeydew ΔE 10.99 #fafad2 Light Goldenrod Yellow ΔE 11.25 #330b35 Invertida #e9e9e9 Escala de cinza 

Tea Green
#ccf4ca  rgb(204, 244, 202)  hsl(117, 66%, 87%)  Tea Green
#f2caf4  rgb(242, 202, 244)  hsl(297, 66%, 87%)  Thistle
#caccf4  rgb(202, 204, 244)  hsl(237, 66%, 87%)  Periwinkle
#f4cacc  rgb(244, 202, 204)  hsl(357, 66%, 87%)  Baby Pink