#ABFFEB

#abffeb ≈ Magic Mint

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

#abffeb é uma cor da família “verde-azulado”, com luminosidade muito alta e saturação moderada. No modelo RGB, é formada por 67,06% de vermelho, 100% de verde e 92,16% de azul; impressa em CMYK, usa 32,94% de ciano, 0% de magenta, 7,84% de amarelo e 0% de preto. Seu ângulo de matiz é 165,71°, com 100% de saturação e 83,53% 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,24:1 (WCAG AAA). A cor nomeada mais próxima é Magic Mint (#aaf0d1), ΔE 5,34.

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

Conversões de #abffeb para outros espaços de cor
HEX
RGB
RGB em porcentagem
CMY
CMYK
HSL
HSV / HSB
Segura para a web#99ffff
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binário
Decimal
Luminância relativa0.8618

Texto legível 1.15:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 18.24:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #efefef ≈ 0.003% dos homens
Acromatomalia #d7f5ed ≈ 0.001% dos homens
Protanopia #f9f5ea ≈ 1.01% dos homens
Deuteranopia #eaeaed ≈ 1.27% dos homens
Tritanopia #92fff9 ≈ 0.0001% dos homens
Protanomalia #def9eb ≈ 1.08% dos homens
Deuteranomalia #d4f3ec ≈ 4.63% dos homens
Tritanomalia #9cfff3 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-abffeb {
  color: #abffeb;
}
Fundo
.bg-abffeb {
  background-color: #abffeb;
  color: #000000;
}
Borda
.border-abffeb {
  border: 2px solid #abffeb;
}
Variáveis CSS
:root {
  --color-primary: #abffeb;
  --color-primary-rgb: 171 255 235;
  --color-primary-hsl: 166 100% 84%;
}
Degradê
.gradient-abffeb {
  background: linear-gradient(135deg, #abffeb, #abe9ff);
}
Sombra colorida
.shadow-abffeb {
  box-shadow: 0 8px 24px rgb(171 255 235 / 0.35);
}

Magic Mint
#abffeb  rgb(171, 255, 235)  hsl(166, 100%, 84%)  Magic Mint
#ffabbf  rgb(255, 171, 191)  hsl(346, 100%, 84%)  Nadeshiko Pink
#ebabff  rgb(235, 171, 255)  hsl(286, 100%, 84%)  Mauve
#ffebab  rgb(255, 235, 171)  hsl(46, 100%, 84%)  Vanilla