ColorTool
Entrar
#FC4059

#fc4059 ≈ Neon Fuchsia

  • vermelho
  • Luminosidade: média
  • Saturação: forte
  • Quente
Verificar contraste Explorar no grafo Cor aleatória

#fc4059 é uma cor da família “vermelho”, com luminosidade média e saturação forte. No modelo RGB, é formada por 98,82% de vermelho, 25,1% de verde e 34,9% de azul; impressa em CMYK, usa 0% de ciano, 74,6% de magenta, 64,68% de amarelo e 1,18% de preto. Seu ângulo de matiz é 352,02°, com 96,91% de saturação e 61,96% de luminosidade em HSL. É uma cor quente, muitas vezes associada a energia, paixão e urgência. 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 6,02:1 (WCAG AA). A cor nomeada mais próxima é Neon Fuchsia (#fe4164), ΔE 2,71.

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

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

Complementar

  1. #fc4059
  2. #40fce3

Complementar dividida

  1. #fc4059
  2. #40fc85
  3. #40b7fc

Análoga

  1. #fc40b7
  2. #fc4059
  3. #fc8540

Triádica

  1. #fc4059
  2. #59fc40
  3. #4059fc

Tetrádica

  1. #fc4059
  2. #fce340
  3. #40fce3
  4. #4059fc

Quadrada

  1. #fc4059
  2. #b7fc40
  3. #40fce3
  4. #8540fc

Monocromática

  1. #a00318
  2. #ec0423
  3. #fc4059
  4. #fd8b9a
  5. #fed7dc

Sombras

#fc4059 misturado progressivamente com preto.

  1. #fc4059
  2. #e33a50
  3. #ca3347
  4. #b02d3e
  5. #972635
  6. #7e202d
  7. #651a24
  8. #4c131b
  9. #320d12
  10. #190609
  11. #000000

Matizes claros

#fc4059 misturado progressivamente com branco.

  1. #fc4059
  2. #fc536a
  3. #fd667a
  4. #fd798b
  5. #fd8c9b
  6. #fea0ac
  7. #feb3bd
  8. #fec6cd
  9. #fed9de
  10. #ffecee
  11. #ffffff

Tons

#fc4059 misturado progressivamente com cinza.

  1. #fc4059
  2. #f0465d
  3. #e34d61
  4. #d75365
  5. #ca5a69
  6. #be606d
  7. #b26670
  8. #a56d74
  9. #997378
  10. #8c7a7c
  11. #808080

Texto legível 3.49:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Texto legível 6.02:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Acromatopsia #898989 ≈ 0.003% dos homens
Acromatomalia #c27379 ≈ 0.001% dos homens
Protanopia #767059 ≈ 1.01% dos homens
Deuteranopia #a69853 ≈ 1.27% dos homens
Tritanopia #ff004b ≈ 0.0001% dos homens
Protanomalia #bb6059 ≈ 1.08% dos homens
Deuteranomalia #ce7e56 ≈ 4.63% dos homens
Tritanomalia #ff1d51 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-fc4059 {
  color: #fc4059;
}
Fundo
.bg-fc4059 {
  background-color: #fc4059;
  color: #000000;
}
Borda
.border-fc4059 {
  border: 2px solid #fc4059;
}
Variáveis CSS
:root {
  --color-primary: #fc4059;
  --color-primary-rgb: 252 64 89;
  --color-primary-hsl: 352 97% 62%;
}
Degradê
.gradient-fc4059 {
  background: linear-gradient(135deg, #fc4059, #fc8540);
}
Sombra colorida
.shadow-fc4059 {
  box-shadow: 0 8px 24px rgb(252 64 89 / 0.35);
}

#fe4164 Neon Fuchsia ΔE 2.71 #ff004f Folly ΔE 4.04 #e52b50 Amaranth ΔE 6.48 #fd0e35 Tractor Red ΔE 6.94 #ff6961 Pastel Red ΔE 7.97 #cd5c5c Indian Red ΔE 8.07 #de3163 Cerise ΔE 9.75 #03bfa6 Invertida #898989 Escala de cinza 

Neon Fuchsia
#fc4059  rgb(252, 64, 89)  hsl(352, 97%, 62%)  Neon Fuchsia
#40fce3  rgb(64, 252, 227)  hsl(172, 97%, 62%)  Turquoise Blue
#59fc40  rgb(89, 252, 64)  hsl(112, 97%, 62%)  Neon Green
#4059fc  rgb(64, 89, 252)  hsl(232, 97%, 62%)  Ultramarine Blue