#DE63AB

#de63ab ≈ Sky Magenta

  • rosa intenso
  • Luminosidade: alta
  • Saturação: moderada
  • Equilibrada
Verificar contraste Explorar no grafo Cor aleatória

#de63ab é uma cor da família “rosa intenso”, com luminosidade alta e saturação moderada. No modelo RGB, é formada por 87,06% de vermelho, 38,82% de verde e 67,06% de azul; impressa em CMYK, usa 0% de ciano, 55,41% de magenta, 22,97% de amarelo e 12,94% de preto. Seu ângulo de matiz é 324,88°, com 65,08% de saturação e 62,94% de luminosidade em HSL. Fica entre quente e fria e é muitas vezes associada a romance, leveza e afeto. Designers costumam usá-la em marcas de alimentos e restaurantes, vendas e promoções e detalhes de marca. Texto preto sobre esta cor atinge uma razão de contraste de 6,48:1 (WCAG AA). A cor nomeada mais próxima é Sky Magenta (#cf71af), ΔE 3,73.

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

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

Texto legível 3.24:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Texto legível 6.48:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Acromatopsia #8f8f8f ≈ 0.003% dos homens
Acromatomalia #b4809b ≈ 0.001% dos homens
Protanopia #6f82ad ≈ 1.01% dos homens
Deuteranopia #9197a8 ≈ 1.27% dos homens
Tritanopia #eb617f ≈ 0.0001% dos homens
Protanomalia #a777ac ≈ 1.08% dos homens
Deuteranomalia #b585a9 ≈ 4.63% dos homens
Tritanomalia #e66293 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-de63ab {
  color: #de63ab;
}
Fundo
.bg-de63ab {
  background-color: #de63ab;
  color: #000000;
}
Borda
.border-de63ab {
  border: 2px solid #de63ab;
}
Variáveis CSS
:root {
  --color-primary: #de63ab;
  --color-primary-rgb: 222 99 171;
  --color-primary-hsl: 325 65% 63%;
}
Degradê
.gradient-de63ab {
  background: linear-gradient(135deg, #de63ab, #de636d);
}
Sombra colorida
.shadow-de63ab {
  box-shadow: 0 8px 24px rgb(222 99 171 / 0.35);
}

Sky Magenta
#de63ab  rgb(222, 99, 171)  hsl(325, 65%, 63%)  Sky Magenta
#63de96  rgb(99, 222, 150)  hsl(145, 65%, 63%)  Emerald
#abde63  rgb(171, 222, 99)  hsl(85, 65%, 63%)  Inchworm
#63abde  rgb(99, 171, 222)  hsl(205, 65%, 63%)  Iceberg