ColorTool
Entrar
#FBA8F4

#fba8f4 ≈ Plum

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

#fba8f4 é uma cor da família “magenta”, com luminosidade muito alta e saturação moderada. No modelo RGB, é formada por 98,43% de vermelho, 65,88% de verde e 95,69% de azul; impressa em CMYK, usa 0% de ciano, 33,07% de magenta, 2,79% de amarelo e 1,57% de preto. Seu ângulo de matiz é 305,06°, com 91,21% de saturação e 82,16% de luminosidade em HSL. Fica entre quente e fria e é muitas vezes associada a criatividade, ousadia e individualidade. Designers costumam usá-la em beleza e cosméticos, estúdios criativos e paletas pastel suaves. Texto preto sobre esta cor atinge uma razão de contraste de 12,01:1 (WCAG AAA). A cor nomeada mais próxima é Plum (#dda0dd), ΔE 5,39.

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

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

Complementar

  1. #fba8f4
  2. #a8fbaf

Complementar dividida

  1. #fba8f4
  2. #cbfba8
  3. #a8fbd9

Análoga

  1. #d9a8fb
  2. #fba8f4
  3. #fba8cb

Triádica

  1. #fba8f4
  2. #f4fba8
  3. #a8f4fb

Tetrádica

  1. #fba8f4
  2. #fbafa8
  3. #a8fbaf
  4. #a8f4fb

Quadrada

  1. #fba8f4
  2. #fbd9a8
  3. #a8fbaf
  4. #a8cbfb

Monocromática

  1. #f416e2
  2. #f85feb
  3. #fba8f4
  4. #feebfd
  5. #feebfd

Sombras

#fba8f4 misturado progressivamente com preto.

  1. #fba8f4
  2. #e297dc
  3. #c986c3
  4. #b076ab
  5. #976592
  6. #7e547a
  7. #644362
  8. #4b3249
  9. #322231
  10. #191118
  11. #000000

Matizes claros

#fba8f4 misturado progressivamente com branco.

  1. #fba8f4
  2. #fbb1f5
  3. #fcb9f6
  4. #fcc2f7
  5. #fdcbf8
  6. #fdd4fa
  7. #fddcfb
  8. #fee5fc
  9. #feeefd
  10. #fff6fe
  11. #ffffff

Tons

#fba8f4 misturado progressivamente com cinza.

  1. #fba8f4
  2. #efa4e8
  3. #e2a0dd
  4. #d69cd1
  5. #ca98c6
  6. #be94ba
  7. #b190ae
  8. #a58ca3
  9. #998897
  10. #8c848c
  11. #808080

Texto legível 1.75:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 12.01:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #c4c4c4 ≈ 0.003% dos homens
Acromatomalia #dcb9d9 ≈ 0.001% dos homens
Protanopia #a4bdf7 ≈ 1.01% dos homens
Deuteranopia #b9c8f1 ≈ 1.27% dos homens
Tritanopia #ffaec4 ≈ 0.0001% dos homens
Protanomalia #cdb5f6 ≈ 1.08% dos homens
Deuteranomalia #d7bcf2 ≈ 4.63% dos homens
Tritanomalia #ffacd9 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-fba8f4 {
  color: #fba8f4;
}
Fundo
.bg-fba8f4 {
  background-color: #fba8f4;
  color: #000000;
}
Borda
.border-fba8f4 {
  border: 2px solid #fba8f4;
}
Variáveis CSS
:root {
  --color-primary: #fba8f4;
  --color-primary-rgb: 251 168 244;
  --color-primary-hsl: 305 91% 82%;
}
Degradê
.gradient-fba8f4 {
  background: linear-gradient(135deg, #fba8f4, #fba8cb);
}
Sombra colorida
.shadow-fba8f4 {
  box-shadow: 0 8px 24px rgb(251 168 244 / 0.35);
}

#dda0dd Plum ΔE 5.39 #e0b0ff Mauve ΔE 6.98 #ee82ee Violet ΔE 8.58 #c9a0dc Wisteria ΔE 8.95 #ffa6c9 Carnation Pink ΔE 10.40 #ff77ff Fuchsia Pink ΔE 10.41 #c8a2c8 Lilac ΔE 10.88 #04570b Invertida #c4c4c4 Escala de cinza 

Plum
#fba8f4  rgb(251, 168, 244)  hsl(305, 91%, 82%)  Plum
#a8fbaf  rgb(168, 251, 175)  hsl(125, 91%, 82%)  Pale Green
#f4fba8  rgb(244, 251, 168)  hsl(65, 91%, 82%)  Pastel Yellow
#a8f4fb  rgb(168, 244, 251)  hsl(185, 91%, 82%)  Pale Turquoise