ColorTool
Entrar
#A3908A

#a3908a ≈ Beaver

  • laranja
  • Luminosidade: média
  • Saturação: quase nula
  • Neutra
Verificar contraste Explorar no grafo Cor aleatória

#a3908a é uma cor da família “laranja”, com luminosidade média e saturação quase nula. No modelo RGB, é formada por 63,92% de vermelho, 56,47% de verde e 54,12% de azul; impressa em CMYK, usa 0% de ciano, 11,66% de magenta, 15,34% de amarelo e 36,08% de preto. Seu ângulo de matiz é 14,4°, com 11,96% de saturação e 59,02% de luminosidade em HSL. É uma cor neutra, muitas vezes associada a entusiasmo, calor e criatividade. Designers costumam usá-la em botões de chamada para ação, marcas de alimentos e restaurantes e detalhes de marca. Texto preto sobre esta cor atinge uma razão de contraste de 6,91:1 (WCAG AA). A cor nomeada mais próxima é Beaver (#9f8170), ΔE 7,2.

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

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

Complementar

  1. #a3908a
  2. #8a9da3

Complementar dividida

  1. #a3908a
  2. #8aa39d
  3. #8a91a3

Análoga

  1. #a38a91
  2. #a3908a
  3. #a39d8a

Triádica

  1. #a3908a
  2. #8aa390
  3. #908aa3

Tetrádica

  1. #a3908a
  2. #9da38a
  3. #8a9da3
  4. #908aa3

Quadrada

  1. #a3908a
  2. #91a38a
  3. #8a9da3
  4. #9d8aa3

Monocromática

  1. #534541
  2. #7e6963
  3. #a3908a
  4. #c5b9b5
  5. #e6e1e0

Sombras

#a3908a misturado progressivamente com preto.

  1. #a3908a
  2. #93827c
  3. #82736e
  4. #726561
  5. #625653
  6. #524845
  7. #413a37
  8. #312b29
  9. #211d1c
  10. #100e0e
  11. #000000

Matizes claros

#a3908a misturado progressivamente com branco.

  1. #a3908a
  2. #ac9b96
  3. #b5a6a1
  4. #bfb1ad
  5. #c8bcb9
  6. #d1c8c5
  7. #dad3d0
  8. #e3dedc
  9. #ede9e8
  10. #f6f4f3
  11. #ffffff

Tons

#a3908a misturado progressivamente com cinza.

  1. #a3908a
  2. #a08e89
  3. #9c8d88
  4. #998b87
  5. #958a86
  6. #928885
  7. #8e8684
  8. #8b8583
  9. #878382
  10. #848281
  11. #808080

Texto legível 3.04:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Texto legível 6.91:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Acromatopsia #949494 ≈ 0.003% dos homens
Acromatomalia #9a9290 ≈ 0.001% dos homens
Protanopia #94928a ≈ 1.01% dos homens
Deuteranopia #99958a ≈ 1.27% dos homens
Tritanopia #a88d8e ≈ 0.0001% dos homens
Protanomalia #9a918a ≈ 1.08% dos homens
Deuteranomalia #9d938a ≈ 4.63% dos homens
Tritanomalia #a68f8d ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-a3908a {
  color: #a3908a;
}
Fundo
.bg-a3908a {
  background-color: #a3908a;
  color: #000000;
}
Borda
.border-a3908a {
  border: 2px solid #a3908a;
}
Variáveis CSS
:root {
  --color-primary: #a3908a;
  --color-primary-rgb: 163 144 138;
  --color-primary-hsl: 14 12% 59%;
}
Degradê
.gradient-a3908a {
  background: linear-gradient(135deg, #a3908a, #a39d8a);
}
Sombra colorida
.shadow-a3908a {
  box-shadow: 0 8px 24px rgb(163 144 138 / 0.35);
}

#9f8170 Beaver ΔE 7.20 #8b8589 Taupe Gray ΔE 8.26 #bc8f8f Rosy Brown ΔE 9.50 #c4aead Silver Pink ΔE 9.76 #848482 Battleship Gray ΔE 10.48 #a9a9a9 Dark Gray ΔE 10.85 #a9a9a9 Dark Grey ΔE 10.85 #5c6f75 Invertida #949494 Escala de cinza 

Beaver
#a3908a  rgb(163, 144, 138)  hsl(14, 12%, 59%)  Beaver
#8a9da3  rgb(138, 157, 163)  hsl(194, 12%, 59%)  Light Slate Gray
#8aa390  rgb(138, 163, 144)  hsl(134, 12%, 59%)  Xanadu
#908aa3  rgb(144, 138, 163)  hsl(254, 12%, 59%)  Cool Gray