ColorTool
Entrar
#E2F7E8

#e2f7e8 ≈ Honeydew

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

#e2f7e8 é uma cor da família “verde”, com luminosidade muito alta e saturação suave. No modelo RGB, é formada por 88,63% de vermelho, 96,86% de verde e 90,98% de azul; impressa em CMYK, usa 8,5% de ciano, 0% de magenta, 6,07% de amarelo e 3,14% de preto. Seu ângulo de matiz é 137,14°, com 56,76% de saturação e 92,75% 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 18,7:1 (WCAG AAA). A cor nomeada mais próxima é Honeydew (#f0fff0), ΔE 2,79.

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

Complementar

  1. #e2f7e8
  2. #f7e2f1

Complementar dividida

  1. #e2f7e8
  2. #f3e2f7
  3. #f7e2e7

Análoga

  1. #e7f7e2
  2. #e2f7e8
  3. #e2f7f3

Triádica

  1. #e2f7e8
  2. #e8e2f7
  3. #f7e8e2

Tetrádica

  1. #e2f7e8
  2. #e2f1f7
  3. #f7e2f1
  4. #f7e8e2

Quadrada

  1. #e2f7e8
  2. #e2e7f7
  3. #f7e2f1
  4. #f7f3e2

Monocromática

  1. #6ad689
  2. #a6e6b8
  3. #e2f7e8
  4. #effbf2
  5. #effbf2

Sombras

#e2f7e8 misturado progressivamente com preto.

  1. #e2f7e8
  2. #cbded1
  3. #b5c6ba
  4. #9eada2
  5. #88948b
  6. #717c74
  7. #5a635d
  8. #444a46
  9. #2d312e
  10. #171917
  11. #000000

Matizes claros

#e2f7e8 misturado progressivamente com branco.

  1. #e2f7e8
  2. #e5f8ea
  3. #e8f9ed
  4. #ebf9ef
  5. #eefaf1
  6. #f1fbf4
  7. #f3fcf6
  8. #f6fdf8
  9. #f9fdfa
  10. #fcfefd
  11. #ffffff

Tons

#e2f7e8 misturado progressivamente com cinza.

  1. #e2f7e8
  2. #d8ebde
  3. #cedfd3
  4. #c5d3c9
  5. #bbc7be
  6. #b1bcb4
  7. #a7b0aa
  8. #9da49f
  9. #949895
  10. #8a8c8a
  11. #808080

Texto legível 1.12:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 18.7:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #f2f2f2 ≈ 0.003% dos homens
Acromatomalia #ecf4ee ≈ 0.001% dos homens
Protanopia #f7f3e7 ≈ 1.01% dos homens
Deuteranopia #f3f1e9 ≈ 1.27% dos homens
Tritanopia #dff6f2 ≈ 0.0001% dos homens
Protanomalia #eff5e8 ≈ 1.08% dos homens
Deuteranomalia #ecf3e8 ≈ 4.63% dos homens
Tritanomalia #e0f7ee ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

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

#f0fff0 Honeydew ΔE 2.79 #f5fffa Mint Cream ΔE 6.41 #e0ffff Light Cyan ΔE 6.88 #f0ffff Azure ΔE 7.40 #f5f5dc Beige ΔE 8.26 #fffff0 Ivory ΔE 8.39 #ffffe0 Light Yellow ΔE 9.25 #1d0817 Invertida #f2f2f2 Escala de cinza 

Honeydew
#e2f7e8  rgb(226, 247, 232)  hsl(137, 57%, 93%)  Honeydew
#f7e2f1  rgb(247, 226, 241)  hsl(317, 57%, 93%)  Lavender Blush
#e8e2f7  rgb(232, 226, 247)  hsl(257, 57%, 93%)  Lavender
#f7e8e2  rgb(247, 232, 226)  hsl(17, 57%, 93%)  Seashell