ColorTool
Entrar
#F6AD83

#f6ad83 ≈ Tumbleweed

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

#f6ad83 é uma cor da família “laranja”, com luminosidade alta e saturação moderada. No modelo RGB, é formada por 96,47% de vermelho, 67,84% de verde e 51,37% de azul; impressa em CMYK, usa 0% de ciano, 29,67% de magenta, 46,75% de amarelo e 3,53% de preto. Seu ângulo de matiz é 21,91°, com 86,47% de saturação e 73,92% 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 11,22:1 (WCAG AAA). A cor nomeada mais próxima é Tumbleweed (#deaa88), ΔE 4,97.

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

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

Complementar

  1. #f6ad83
  2. #83ccf6

Complementar dividida

  1. #f6ad83
  2. #83f6e6
  3. #8392f6

Análoga

  1. #f68392
  2. #f6ad83
  3. #f6e683

Triádica

  1. #f6ad83
  2. #83f6ad
  3. #ad83f6

Tetrádica

  1. #f6ad83
  2. #ccf683
  3. #83ccf6
  4. #ad83f6

Quadrada

  1. #f6ad83
  2. #92f683
  3. #83ccf6
  4. #e683f6

Monocromática

  1. #d1560f
  2. #f17e3c
  3. #f6ad83
  4. #fbdcca
  5. #fef2ec

Sombras

#f6ad83 misturado progressivamente com preto.

  1. #f6ad83
  2. #dd9c76
  3. #c58a69
  4. #ac795c
  5. #94684f
  6. #7b5742
  7. #624534
  8. #4a3427
  9. #31231a
  10. #19110d
  11. #000000

Matizes claros

#f6ad83 misturado progressivamente com branco.

  1. #f6ad83
  2. #f7b58f
  3. #f8bd9c
  4. #f9c6a8
  5. #faceb5
  6. #fbd6c1
  7. #fbdecd
  8. #fce6da
  9. #fdefe6
  10. #fef7f3
  11. #ffffff

Tons

#f6ad83 misturado progressivamente com cinza.

  1. #f6ad83
  2. #eaa983
  3. #dea482
  4. #d3a082
  5. #c79b82
  6. #bb9782
  7. #af9281
  8. #a38e81
  9. #988981
  10. #8c8580
  11. #808080

Texto legível 1.87:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 11.22:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #bdbdbd ≈ 0.003% dos homens
Acromatomalia #d6b7a9 ≈ 0.001% dos homens
Protanopia #c1b480 ≈ 1.01% dos homens
Deuteranopia #d2c483 ≈ 1.27% dos homens
Tritanopia #ffa0a2 ≈ 0.0001% dos homens
Protanomalia #d8b181 ≈ 1.08% dos homens
Deuteranomalia #e1bb83 ≈ 4.63% dos homens
Tritanomalia #ffa597 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-f6ad83 {
  color: #f6ad83;
}
Fundo
.bg-f6ad83 {
  background-color: #f6ad83;
  color: #000000;
}
Borda
.border-f6ad83 {
  border: 2px solid #f6ad83;
}
Variáveis CSS
:root {
  --color-primary: #f6ad83;
  --color-primary-rgb: 246 173 131;
  --color-primary-hsl: 22 86% 74%;
}
Degradê
.gradient-f6ad83 {
  background: linear-gradient(135deg, #f6ad83, #f6e683);
}
Sombra colorida
.shadow-f6ad83 {
  box-shadow: 0 8px 24px rgb(246 173 131 / 0.35);
}

#deaa88 Tumbleweed ΔE 4.97 #ffa07a Light Salmon ΔE 5.23 #f4a460 Sandy Brown ΔE 6.54 #e5aa70 Fawn ΔE 6.95 #e9967a Dark Salmon ΔE 7.57 #ffa089 Vivid Tangerine ΔE 8.50 #d99058 Persian Orange ΔE 9.05 #09527c Invertida #bdbdbd Escala de cinza 

Tumbleweed
#f6ad83  rgb(246, 173, 131)  hsl(22, 86%, 74%)  Tumbleweed
#83ccf6  rgb(131, 204, 246)  hsl(202, 86%, 74%)  Light Sky Blue
#83f6ad  rgb(131, 246, 173)  hsl(142, 86%, 74%)  Light Green
#ad83f6  rgb(173, 131, 246)  hsl(262, 86%, 74%)  Floral Lavender