ColorTool
Entrar
#F16A10

#f16a10 ≈ Pumpkin

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

#f16a10 é uma cor da família “laranja”, com luminosidade média e saturação vívida. No modelo RGB, é formada por 94,51% de vermelho, 41,57% de verde e 6,27% de azul; impressa em CMYK, usa 0% de ciano, 56,02% de magenta, 93,36% de amarelo e 5,49% de preto. Seu ângulo de matiz é 24°, com 88,93% de saturação e 50,39% 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 6,81:1 (WCAG AA). A cor nomeada mais próxima é Pumpkin (#ff7518), ΔE 3,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#ff6600
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binário
Decimal
Luminância relativa0.2905

Complementar

  1. #f16a10
  2. #1097f1

Complementar dividida

  1. #f16a10
  2. #10f1da
  3. #1026f1

Análoga

  1. #f11026
  2. #f16a10
  3. #f1da10

Triádica

  1. #f16a10
  2. #10f16a
  3. #6a10f1

Tetrádica

  1. #f16a10
  2. #97f110
  3. #1097f1
  4. #6a10f1

Quadrada

  1. #f16a10
  2. #26f110
  3. #1097f1
  4. #da10f1

Monocromática

  1. #622b06
  2. #aa4a0a
  3. #f16a10
  4. #f59758
  5. #f9c4a1

Sombras

#f16a10 misturado progressivamente com preto.

  1. #f16a10
  2. #d95f0e
  3. #c1550d
  4. #a94a0b
  5. #91400a
  6. #793508
  7. #602a06
  8. #482005
  9. #301503
  10. #180b02
  11. #000000

Matizes claros

#f16a10 misturado progressivamente com branco.

  1. #f16a10
  2. #f27928
  3. #f48840
  4. #f59758
  5. #f7a670
  6. #f8b588
  7. #f9c39f
  8. #fbd2b7
  9. #fce1cf
  10. #fef0e7
  11. #ffffff

Tons

#f16a10 misturado progressivamente com cinza.

  1. #f16a10
  2. #e66c1b
  3. #da6e26
  4. #cf7132
  5. #c4733d
  6. #b97548
  7. #ad7753
  8. #a2795e
  9. #977c6a
  10. #8b7e75
  11. #808080

Texto legível 3.08:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Texto legível 6.81:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Acromatopsia #939393 ≈ 0.003% dos homens
Acromatomalia #c08475 ≈ 0.001% dos homens
Protanopia #918000 ≈ 1.01% dos homens
Deuteranopia #b29e03 ≈ 1.27% dos homens
Tritanopia #ff495b ≈ 0.0001% dos homens
Protanomalia #bf7800 ≈ 1.08% dos homens
Deuteranomalia #ce8c08 ≈ 4.63% dos homens
Tritanomalia #ff5848 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-f16a10 {
  color: #f16a10;
}
Fundo
.bg-f16a10 {
  background-color: #f16a10;
  color: #000000;
}
Borda
.border-f16a10 {
  border: 2px solid #f16a10;
}
Variáveis CSS
:root {
  --color-primary: #f16a10;
  --color-primary-rgb: 241 106 16;
  --color-primary-hsl: 24 89% 50%;
}
Degradê
.gradient-f16a10 {
  background: linear-gradient(135deg, #f16a10, #f1da10);
}
Sombra colorida
.shadow-f16a10 {
  box-shadow: 0 8px 24px rgb(241 106 16 / 0.35);
}

#ff7518 Pumpkin ΔE 3.60 #ec5800 Persimmon ΔE 4.45 #d2691e Chocolate ΔE 5.87 #ff4f00 International Orange ΔE 6.39 #f94d00 Tangelo ΔE 6.67 #ff8243 Mango Tango ΔE 6.71 #e25822 Flame ΔE 7.33 #0e95ef Invertida #939393 Escala de cinza 

Pumpkin
#f16a10  rgb(241, 106, 16)  hsl(24, 89%, 50%)  Pumpkin
#1097f1  rgb(16, 151, 241)  hsl(204, 89%, 50%)  Dodger Blue
#10f16a  rgb(16, 241, 106)  hsl(144, 89%, 50%)  Spring Green
#6a10f1  rgb(106, 16, 241)  hsl(264, 89%, 50%)  Electric Indigo