ColorTool
Entrar
#FF1487

#ff1487 ≈ Rose

  • rosa intenso
  • Luminosidade: média
  • Saturação: vívida
  • Quente
Verificar contraste Explorar no grafo Cor aleatória

#ff1487 é uma cor da família “rosa intenso”, com luminosidade média e saturação vívida. No modelo RGB, é formada por 100% de vermelho, 7,84% de verde e 52,94% de azul; impressa em CMYK, usa 0% de ciano, 92,16% de magenta, 47,06% de amarelo e 0% de preto. Seu ângulo de matiz é 330,64°, com 100% de saturação e 53,92% de luminosidade em HSL. É uma cor quente, muitas vezes associada a romance, leveza e afeto. Designers costumam usá-la em marcas de alimentos e restaurantes, vendas e promoções e botões de chamada para ação. Texto preto sobre esta cor atinge uma razão de contraste de 5,7:1 (WCAG AA). A cor nomeada mais próxima é Rose (#ff007f), ΔE 1,58.

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

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

Complementar

  1. #ff1487
  2. #14ff8c

Complementar dividida

  1. #ff1487
  2. #14ff16
  3. #14fcff

Análoga

  1. #ff14fc
  2. #ff1487
  3. #ff1614

Triádica

  1. #ff1487
  2. #87ff14
  3. #1487ff

Tetrádica

  1. #ff1487
  2. #ff8c14
  3. #14ff8c
  4. #1487ff

Quadrada

  1. #ff1487
  2. #fcff14
  3. #14ff8c
  4. #1614ff

Monocromática

  1. #7a003c
  2. #c60061
  3. #ff1487
  4. #ff60ae
  5. #ffadd5

Sombras

#ff1487 misturado progressivamente com preto.

  1. #ff1487
  2. #e6127a
  3. #cc106c
  4. #b30e5f
  5. #990c51
  6. #800a44
  7. #660836
  8. #4d0629
  9. #33041b
  10. #1a020e
  11. #000000

Matizes claros

#ff1487 misturado progressivamente com branco.

  1. #ff1487
  2. #ff2c93
  3. #ff439f
  4. #ff5bab
  5. #ff72b7
  6. #ff8ac3
  7. #ffa1cf
  8. #ffb9db
  9. #ffd0e7
  10. #ffe8f3
  11. #ffffff

Tons

#ff1487 misturado progressivamente com cinza.

  1. #ff1487
  2. #f21f86
  3. #e62a86
  4. #d93485
  5. #cc3f84
  6. #c04a84
  7. #b35583
  8. #a66082
  9. #996a81
  10. #8d7581
  11. #808080

Texto legível 3.68:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Texto legível 5.7:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Acromatopsia #858585 ≈ 0.003% dos homens
Acromatomalia #c26a86 ≈ 0.001% dos homens
Protanopia #5d6a89 ≈ 1.01% dos homens
Deuteranopia #999482 ≈ 1.27% dos homens
Tritanopia #ff0051 ≈ 0.0001% dos homens
Protanomalia #b65488 ≈ 1.08% dos homens
Deuteranomalia #ca7684 ≈ 4.63% dos homens
Tritanomalia #ff006b ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

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

#ff007f Rose ΔE 1.58 #ff1493 Deep Pink ΔE 2.48 #f64a8a French Rose ΔE 4.18 #fe28a2 Persian Rose ΔE 5.20 #ff43a4 Wild Strawberry ΔE 5.89 #e3256b Razzmatazz ΔE 6.80 #ff55a3 Brilliant Rose ΔE 7.05 #00eb78 Invertida #858585 Escala de cinza 

Rose
#ff1487  rgb(255, 20, 135)  hsl(331, 100%, 54%)  Rose
#14ff8c  rgb(20, 255, 140)  hsl(151, 100%, 54%)  Spring Green
#87ff14  rgb(135, 255, 20)  hsl(91, 100%, 54%)  Chartreuse
#1487ff  rgb(20, 135, 255)  hsl(211, 100%, 54%)  Bleu de France