ColorTool
Entrar
#F52B97

#f52b97 ≈ Deep Pink

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

#f52b97 é uma cor da família “rosa intenso”, com luminosidade média e saturação vívida. No modelo RGB, é formada por 96,08% de vermelho, 16,86% de verde e 59,22% de azul; impressa em CMYK, usa 0% de ciano, 82,45% de magenta, 38,37% de amarelo e 3,92% de preto. Seu ângulo de matiz é 327,92°, com 90,99% de saturação e 56,47% 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 botões de chamada para ação. Texto preto sobre esta cor atinge uma razão de contraste de 5,67:1 (WCAG AA). A cor nomeada mais próxima é Deep Pink (#ff1493), ΔE 1,83.

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

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

Complementar

  1. #f52b97
  2. #2bf589

Complementar dividida

  1. #f52b97
  2. #32f52b
  3. #2bf5ee

Análoga

  1. #ee2bf5
  2. #f52b97
  3. #f52b32

Triádica

  1. #f52b97
  2. #97f52b
  3. #2b97f5

Tetrádica

  1. #f52b97
  2. #f5892b
  3. #2bf589
  4. #2b97f5

Quadrada

  1. #f52b97
  2. #f5ee2b
  3. #2bf589
  4. #2b32f5

Monocromática

  1. #810648
  2. #ca0a70
  3. #f52b97
  4. #f874bb
  5. #fcbddf

Sombras

#f52b97 misturado progressivamente com preto.

  1. #f52b97
  2. #dd2788
  3. #c42279
  4. #ac1e6a
  5. #931a5b
  6. #7b164c
  7. #62113c
  8. #4a0d2d
  9. #31091e
  10. #19040f
  11. #000000

Matizes claros

#f52b97 misturado progressivamente com branco.

  1. #f52b97
  2. #f640a1
  3. #f755ac
  4. #f86bb6
  5. #f980c1
  6. #fa95cb
  7. #fbaad5
  8. #fcbfe0
  9. #fdd5ea
  10. #feeaf5
  11. #ffffff

Tons

#f52b97 misturado progressivamente com cinza.

  1. #f52b97
  2. #e93495
  3. #de3c92
  4. #d24590
  5. #c64d8e
  6. #bb568c
  7. #af5e89
  8. #a36787
  9. #976f85
  10. #8c7882
  11. #808080

Texto legível 3.7:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Texto legível 5.67:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Acromatopsia #858585 ≈ 0.003% dos homens
Acromatomalia #bc6c8c ≈ 0.001% dos homens
Protanopia #5a6d9a ≈ 1.01% dos homens
Deuteranopia #929293 ≈ 1.27% dos homens
Tritanopia #ff005f ≈ 0.0001% dos homens
Protanomalia #ae5a99 ≈ 1.08% dos homens
Deuteranomalia #c27694 ≈ 4.63% dos homens
Tritanomalia #ff1579 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-f52b97 {
  color: #f52b97;
}
Fundo
.bg-f52b97 {
  background-color: #f52b97;
  color: #000000;
}
Borda
.border-f52b97 {
  border: 2px solid #f52b97;
}
Variáveis CSS
:root {
  --color-primary: #f52b97;
  --color-primary-rgb: 245 43 151;
  --color-primary-hsl: 328 91% 56%;
}
Degradê
.gradient-f52b97 {
  background: linear-gradient(135deg, #f52b97, #f52b32);
}
Sombra colorida
.shadow-f52b97 {
  box-shadow: 0 8px 24px rgb(245 43 151 / 0.35);
}

#ff1493 Deep Pink ΔE 1.83 #fe28a2 Persian Rose ΔE 2.21 #ff43a4 Wild Strawberry ΔE 4.05 #ff007f Rose ΔE 5.33 #f64a8a French Rose ΔE 5.81 #ff55a3 Brilliant Rose ΔE 6.26 #fc0fc0 Shocking Pink ΔE 7.30 #0ad468 Invertida #858585 Escala de cinza 

Deep Pink
#f52b97  rgb(245, 43, 151)  hsl(328, 91%, 56%)  Deep Pink
#2bf589  rgb(43, 245, 137)  hsl(148, 91%, 56%)  Medium Spring Green
#97f52b  rgb(151, 245, 43)  hsl(88, 91%, 56%)  Lawn Green
#2b97f5  rgb(43, 151, 245)  hsl(208, 91%, 56%)  Dodger Blue