ColorTool
Entrar
#FA7F50

#fa7f50 ≈ Coral

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

#fa7f50 é uma cor da família “laranja”, com luminosidade alta e saturação forte. No modelo RGB, é formada por 98,04% de vermelho, 49,8% de verde e 31,37% de azul; impressa em CMYK, usa 0% de ciano, 49,2% de magenta, 68% de amarelo e 1,96% de preto. Seu ângulo de matiz é 16,59°, com 94,44% de saturação e 64,71% de luminosidade em HSL. É uma cor quente, muitas vezes associada a entusiasmo, calor e criatividade. Designers costumam usá-la em botões de chamada para ação e marcas de alimentos e restaurantes. Texto preto sobre esta cor atinge uma razão de contraste de 8,22:1 (WCAG AAA). A cor nomeada mais próxima é Coral (#ff7f50), ΔE 0,87.

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

Complementar

  1. #fa7f50
  2. #50cbfa

Complementar dividida

  1. #fa7f50
  2. #50fad4
  3. #5076fa

Análoga

  1. #fa5076
  2. #fa7f50
  3. #fad450

Triádica

  1. #fa7f50
  2. #50fa7f
  3. #7f50fa

Tetrádica

  1. #fa7f50
  2. #cbfa50
  3. #50cbfa
  4. #7f50fa

Quadrada

  1. #fa7f50
  2. #76fa50
  3. #50cbfa
  4. #d450fa

Monocromática

  1. #ac3305
  2. #f64907
  3. #fa7f50
  4. #fcb59a
  5. #feece5

Sombras

#fa7f50 misturado progressivamente com preto.

  1. #fa7f50
  2. #e17248
  3. #c86640
  4. #af5938
  5. #964c30
  6. #7d4028
  7. #643320
  8. #4b2618
  9. #321910
  10. #190d08
  11. #000000

Matizes claros

#fa7f50 misturado progressivamente com branco.

  1. #fa7f50
  2. #fb8c62
  3. #fb9973
  4. #fca585
  5. #fcb296
  6. #fdbfa8
  7. #fdccb9
  8. #fed9cb
  9. #fee5dc
  10. #fff2ee
  11. #ffffff

Tons

#fa7f50 misturado progressivamente com cinza.

  1. #fa7f50
  2. #ee7f55
  3. #e27f5a
  4. #d57f5e
  5. #c97f63
  6. #bd8068
  7. #b1806d
  8. #a58072
  9. #988076
  10. #8c807b
  11. #808080

Texto legível 2.56:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 8.22:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #a2a2a2 ≈ 0.003% dos homens
Acromatomalia #cb9589 ≈ 0.001% dos homens
Protanopia #a0914b ≈ 1.01% dos homens
Deuteranopia #beac4e ≈ 1.27% dos homens
Tritanopia #ff6774 ≈ 0.0001% dos homens
Protanomalia #cb8a4d ≈ 1.08% dos homens
Deuteranomalia #d99c4f ≈ 4.63% dos homens
Tritanomalia #ff7168 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-fa7f50 {
  color: #fa7f50;
}
Fundo
.bg-fa7f50 {
  background-color: #fa7f50;
  color: #000000;
}
Borda
.border-fa7f50 {
  border: 2px solid #fa7f50;
}
Variáveis CSS
:root {
  --color-primary: #fa7f50;
  --color-primary-rgb: 250 127 80;
  --color-primary-hsl: 17 94% 65%;
}
Degradê
.gradient-fa7f50 {
  background: linear-gradient(135deg, #fa7f50, #fad450);
}
Sombra colorida
.shadow-fa7f50 {
  box-shadow: 0 8px 24px rgb(250 127 80 / 0.35);
}

#ff7f50 Coral ΔE 0.87 #ff8243 Mango Tango ΔE 3.64 #e97451 Burnt Sienna ΔE 4.72 #ff6347 Tomato ΔE 7.24 #ff7518 Pumpkin ΔE 7.55 #e9967a Dark Salmon ΔE 7.84 #e2725b Terra Cotta ΔE 7.90 #0580af Invertida #a2a2a2 Escala de cinza 

Coral
#fa7f50  rgb(250, 127, 80)  hsl(17, 94%, 65%)  Coral
#50cbfa  rgb(80, 203, 250)  hsl(197, 94%, 65%)  Deep Sky Blue
#50fa7f  rgb(80, 250, 127)  hsl(137, 94%, 65%)  Spring Green
#7f50fa  rgb(127, 80, 250)  hsl(257, 94%, 65%)  Medium Slate Blue