ColorTool
Entrar
#ED535D

#ed535d ≈ Neon Fuchsia

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

#ed535d é uma cor da família “vermelho”, com luminosidade alta e saturação forte. No modelo RGB, é formada por 92,94% de vermelho, 32,55% de verde e 36,47% de azul; impressa em CMYK, usa 0% de ciano, 64,98% de magenta, 60,76% de amarelo e 7,06% de preto. Seu ângulo de matiz é 356,1°, com 81,05% de saturação e 62,75% 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:1 (WCAG AA). A cor nomeada mais próxima é Neon Fuchsia (#fe4164), ΔE 4,24.

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

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

Complementar

  1. #ed535d
  2. #53ede3

Complementar dividida

  1. #ed535d
  2. #53ed96
  3. #53aaed

Análoga

  1. #ed53aa
  2. #ed535d
  3. #ed9653

Triádica

  1. #ed535d
  2. #5ded53
  3. #535ded

Tetrádica

  1. #ed535d
  2. #ede353
  3. #53ede3
  4. #535ded

Quadrada

  1. #ed535d
  2. #aaed53
  3. #53ede3
  4. #9653ed

Monocromática

  1. #971019
  2. #dc1724
  3. #ed535d
  4. #f4989e
  5. #fbdedf

Sombras

#ed535d misturado progressivamente com preto.

  1. #ed535d
  2. #d54b54
  3. #be424a
  4. #a63a41
  5. #8e3238
  6. #772a2f
  7. #5f2125
  8. #47191c
  9. #2f1113
  10. #180809
  11. #000000

Matizes claros

#ed535d misturado progressivamente com branco.

  1. #ed535d
  2. #ef646d
  3. #f1757d
  4. #f2878e
  5. #f4989e
  6. #f6a9ae
  7. #f8babe
  8. #facbce
  9. #fbdddf
  10. #fdeeef
  11. #ffffff

Tons

#ed535d misturado progressivamente com cinza.

  1. #ed535d
  2. #e25861
  3. #d75c64
  4. #cc6168
  5. #c1656b
  6. #b76a6f
  7. #ac6e72
  8. #a17376
  9. #967779
  10. #8b7c7d
  11. #808080

Texto legível 3.5:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Texto legível 6:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Acromatopsia #898989 ≈ 0.003% dos homens
Acromatomalia #ba777a ≈ 0.001% dos homens
Protanopia #7b745c ≈ 1.01% dos homens
Deuteranopia #a29559 ≈ 1.27% dos homens
Tritanopia #ff3158 ≈ 0.0001% dos homens
Protanomalia #b4695d ≈ 1.08% dos homens
Deuteranomalia #c4805b ≈ 4.63% dos homens
Tritanomalia #fb415a ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-ed535d {
  color: #ed535d;
}
Fundo
.bg-ed535d {
  background-color: #ed535d;
  color: #000000;
}
Borda
.border-ed535d {
  border: 2px solid #ed535d;
}
Variáveis CSS
:root {
  --color-primary: #ed535d;
  --color-primary-rgb: 237 83 93;
  --color-primary-hsl: 356 81% 63%;
}
Degradê
.gradient-ed535d {
  background: linear-gradient(135deg, #ed535d, #ed9653);
}
Sombra colorida
.shadow-ed535d {
  box-shadow: 0 8px 24px rgb(237 83 93 / 0.35);
}

#fe4164 Neon Fuchsia ΔE 4.24 #cd5c5c Indian Red ΔE 5.65 #ff004f Folly ΔE 6.15 #ff6961 Pastel Red ΔE 6.93 #e52b50 Amaranth ΔE 6.96 #fd0e35 Tractor Red ΔE 7.80 #fe6f5e Bittersweet ΔE 8.91 #12aca2 Invertida #898989 Escala de cinza 

Neon Fuchsia
#ed535d  rgb(237, 83, 93)  hsl(356, 81%, 63%)  Neon Fuchsia
#53ede3  rgb(83, 237, 227)  hsl(176, 81%, 63%)  Bright Turquoise
#5ded53  rgb(93, 237, 83)  hsl(116, 81%, 63%)  Neon Green
#535ded  rgb(83, 93, 237)  hsl(236, 81%, 63%)  Ultramarine Blue