ColorTool
Entrar
#FD3769

#fd3769 ≈ Neon Fuchsia

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

#fd3769 é uma cor da família “rosa intenso”, com luminosidade média e saturação vívida. No modelo RGB, é formada por 99,22% de vermelho, 21,57% de verde e 41,18% de azul; impressa em CMYK, usa 0% de ciano, 78,26% de magenta, 58,5% de amarelo e 0,78% de preto. Seu ângulo de matiz é 344,85°, com 98,02% de saturação e 60,39% 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,93:1 (WCAG AA). A cor nomeada mais próxima é Neon Fuchsia (#fe4164), ΔE 2,6.

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.2463

Complementar

  1. #fd3769
  2. #37fdcb

Complementar dividida

  1. #fd3769
  2. #37fd68
  3. #37ccfd

Análoga

  1. #fd37cc
  2. #fd3769
  3. #fd6837

Triádica

  1. #fd3769
  2. #69fd37
  3. #3769fd

Tetrádica

  1. #fd3769
  2. #fdcb37
  3. #37fdcb
  4. #3769fd

Quadrada

  1. #fd3769
  2. #ccfd37
  3. #37fdcb
  4. #6837fd

Monocromática

  1. #990228
  2. #e5023c
  3. #fd3769
  4. #fe83a2
  5. #ffcedb

Sombras

#fd3769 misturado progressivamente com preto.

  1. #fd3769
  2. #e4325f
  3. #ca2c54
  4. #b1274a
  5. #98213f
  6. #7f1c35
  7. #65162a
  8. #4c1120
  9. #330b15
  10. #19060b
  11. #000000

Matizes claros

#fd3769 misturado progressivamente com branco.

  1. #fd3769
  2. #fd4b78
  3. #fd5f87
  4. #fe7396
  5. #fe87a5
  6. #fe9bb4
  7. #feafc3
  8. #fec3d2
  9. #ffd7e1
  10. #ffebf0
  11. #ffffff

Tons

#fd3769 misturado progressivamente com cinza.

  1. #fd3769
  2. #f13e6b
  3. #e4466e
  4. #d84d70
  5. #cb5472
  6. #bf5c75
  7. #b26377
  8. #a66a79
  9. #99717b
  10. #8d797e
  11. #808080

Texto legível 3.54:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Texto legível 5.93:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Acromatopsia #888888 ≈ 0.003% dos homens
Acromatomalia #c2707d ≈ 0.001% dos homens
Protanopia #706e6a ≈ 1.01% dos homens
Deuteranopia #a29764 ≈ 1.27% dos homens
Tritanopia #ff004d ≈ 0.0001% dos homens
Protanomalia #ba5d69 ≈ 1.08% dos homens
Deuteranomalia #cd7b66 ≈ 4.63% dos homens
Tritanomalia #ff0a59 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-fd3769 {
  color: #fd3769;
}
Fundo
.bg-fd3769 {
  background-color: #fd3769;
  color: #000000;
}
Borda
.border-fd3769 {
  border: 2px solid #fd3769;
}
Variáveis CSS
:root {
  --color-primary: #fd3769;
  --color-primary-rgb: 253 55 105;
  --color-primary-hsl: 345 98% 60%;
}
Degradê
.gradient-fd3769 {
  background: linear-gradient(135deg, #fd3769, #fd6837);
}
Sombra colorida
.shadow-fd3769 {
  box-shadow: 0 8px 24px rgb(253 55 105 / 0.35);
}

#fe4164 Neon Fuchsia ΔE 2.60 #ff004f Folly ΔE 5.35 #e52b50 Amaranth ΔE 6.82 #de3163 Cerise ΔE 6.86 #ff007f Rose ΔE 7.47 #f64a8a French Rose ΔE 7.56 #e3256b Razzmatazz ΔE 7.68 #02c896 Invertida #888888 Escala de cinza 

Neon Fuchsia
#fd3769  rgb(253, 55, 105)  hsl(345, 98%, 60%)  Neon Fuchsia
#37fdcb  rgb(55, 253, 203)  hsl(165, 98%, 60%)  Aquamarine
#69fd37  rgb(105, 253, 55)  hsl(105, 98%, 60%)  Harlequin
#3769fd  rgb(55, 105, 253)  hsl(225, 98%, 60%)  Ultramarine Blue