#EA6CBA

#ea6cba ≈ Rose Pink

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

#ea6cba é uma cor da família “rosa intenso”, com luminosidade alta e saturação moderada. No modelo RGB, é formada por 91,76% de vermelho, 42,35% de verde e 72,94% de azul; impressa em CMYK, usa 0% de ciano, 53,85% de magenta, 20,51% de amarelo e 8,24% de preto. Seu ângulo de matiz é 322,86°, com 75% de saturação e 67,06% 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 7,35:1 (WCAG AAA). A cor nomeada mais próxima é Rose Pink (#ff66cc), ΔE 3,92.

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

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

Texto legível 2.86:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 7.35:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #999999 ≈ 0.003% dos homens
Acromatomalia #bf89a7 ≈ 0.001% dos homens
Protanopia #768cbd ≈ 1.01% dos homens
Deuteranopia #99a1b7 ≈ 1.27% dos homens
Tritanopia #f76b8b ≈ 0.0001% dos homens
Protanomalia #b180bc ≈ 1.08% dos homens
Deuteranomalia #bf8fb8 ≈ 4.63% dos homens
Tritanomalia #f26ca0 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-ea6cba {
  color: #ea6cba;
}
Fundo
.bg-ea6cba {
  background-color: #ea6cba;
  color: #000000;
}
Borda
.border-ea6cba {
  border: 2px solid #ea6cba;
}
Variáveis CSS
:root {
  --color-primary: #ea6cba;
  --color-primary-rgb: 234 108 186;
  --color-primary-hsl: 323 75% 67%;
}
Degradê
.gradient-ea6cba {
  background: linear-gradient(135deg, #ea6cba, #ea6c7b);
}
Sombra colorida
.shadow-ea6cba {
  box-shadow: 0 8px 24px rgb(234 108 186 / 0.35);
}

Rose Pink
#ea6cba  rgb(234, 108, 186)  hsl(323, 75%, 67%)  Rose Pink
#6cea9c  rgb(108, 234, 156)  hsl(143, 75%, 67%)  Light Green
#baea6c  rgb(186, 234, 108)  hsl(83, 75%, 67%)  Inchworm
#6cbaea  rgb(108, 186, 234)  hsl(203, 75%, 67%)  Maya Blue