ColorTool
Entrar
#AB9050

#ab9050 ≈ Camel

  • amarelo
  • Luminosidade: média
  • Saturação: moderada
  • Quente
Verificar contraste Explorar no grafo Cor aleatória

#ab9050 é uma cor da família “amarelo”, com luminosidade média e saturação moderada. No modelo RGB, é formada por 67,06% de vermelho, 56,47% de verde e 31,37% de azul; impressa em CMYK, usa 0% de ciano, 15,79% de magenta, 53,22% de amarelo e 32,94% de preto. Seu ângulo de matiz é 42,2°, com 36,25% de saturação e 49,22% de luminosidade em HSL. É uma cor quente, muitas vezes associada a otimismo, atenção e alegria. Designers costumam usá-la em destaques e avisos, produtos infantis e detalhes de marca. Texto preto sobre esta cor atinge uma razão de contraste de 6,84:1 (WCAG AA). A cor nomeada mais próxima é Camel (#c19a6b), ΔE 7,75.

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

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

Complementar

  1. #ab9050
  2. #506bab

Complementar dividida

  1. #ab9050
  2. #5099ab
  3. #6350ab

Análoga

  1. #ab6350
  2. #ab9050
  3. #99ab50

Triádica

  1. #ab9050
  2. #50ab90
  3. #9050ab

Tetrádica

  1. #ab9050
  2. #6bab50
  3. #506bab
  4. #9050ab

Quadrada

  1. #ab9050
  2. #50ab63
  3. #506bab
  4. #ab5099

Monocromática

  1. #43381f
  2. #776438
  3. #ab9050
  4. #c5b183
  5. #ddd2b7

Sombras

#ab9050 misturado progressivamente com preto.

  1. #ab9050
  2. #9a8248
  3. #897340
  4. #786538
  5. #675630
  6. #564828
  7. #443a20
  8. #332b18
  9. #221d10
  10. #110e08
  11. #000000

Matizes claros

#ab9050 misturado progressivamente com branco.

  1. #ab9050
  2. #b39b62
  3. #bca673
  4. #c4b185
  5. #cdbc96
  6. #d5c8a8
  7. #ddd3b9
  8. #e6decb
  9. #eee9dc
  10. #f7f4ee
  11. #ffffff

Tons

#ab9050 misturado progressivamente com cinza.

  1. #ab9050
  2. #a78e55
  3. #a28d5a
  4. #9e8b5e
  5. #9a8a63
  6. #968868
  7. #91866d
  8. #8d8572
  9. #898376
  10. #84827b
  11. #808080

Texto legível 3.07:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Texto legível 6.84:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Acromatopsia #939393 ≈ 0.003% dos homens
Acromatomalia #9d927e ≈ 0.001% dos homens
Protanopia #9d8f4a ≈ 1.01% dos homens
Deuteranopia #a49652 ≈ 1.27% dos homens
Tritanopia #b78681 ≈ 0.0001% dos homens
Protanomalia #a38f4d ≈ 1.08% dos homens
Deuteranomalia #a79451 ≈ 4.63% dos homens
Tritanomalia #b38a70 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-ab9050 {
  color: #ab9050;
}
Fundo
.bg-ab9050 {
  background-color: #ab9050;
  color: #000000;
}
Borda
.border-ab9050 {
  border: 2px solid #ab9050;
}
Variáveis CSS
:root {
  --color-primary: #ab9050;
  --color-primary-rgb: 171 144 80;
  --color-primary-hsl: 42 36% 49%;
}
Degradê
.gradient-ab9050 {
  background: linear-gradient(135deg, #ab9050, #99ab50);
}
Sombra colorida
.shadow-ab9050 {
  box-shadow: 0 8px 24px rgb(171 144 80 / 0.35);
}

#c19a6b Camel ΔE 7.75 #b8860b Dark Goldenrod ΔE 8.83 #b5a642 Brass ΔE 9.31 #c2b280 Ecru ΔE 10.72 #c5b358 Vegas Gold ΔE 11.26 #d4af37 Metallic Gold ΔE 12.37 #daa520 Goldenrod ΔE 12.57 #546faf Invertida #939393 Escala de cinza 

Camel
#ab9050  rgb(171, 144, 80)  hsl(42, 36%, 49%)  Camel
#506bab  rgb(80, 107, 171)  hsl(222, 36%, 49%)  Queen Blue
#50ab90  rgb(80, 171, 144)  hsl(162, 36%, 49%)  Jungle Green
#9050ab  rgb(144, 80, 171)  hsl(282, 36%, 49%)  Purpureus