ColorTool
Entrar
#BA6473

#ba6473 ≈ Rose Gold

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

#ba6473 é uma cor da família “vermelho”, com luminosidade média e saturação moderada. No modelo RGB, é formada por 72,94% de vermelho, 39,22% de verde e 45,1% de azul; impressa em CMYK, usa 0% de ciano, 46,24% de magenta, 38,17% de amarelo e 27,06% de preto. Seu ângulo de matiz é 349,53°, com 38,39% de saturação e 56,08% de luminosidade em HSL. É uma cor quente, muitas vezes associada a energia, paixão e urgência. Designers costumam usá-la em marcas de alimentos e restaurantes, vendas e promoções e detalhes de marca. Texto preto sobre esta cor atinge uma razão de contraste de 5,16:1 (WCAG AA). A cor nomeada mais próxima é Rose Gold (#b76e79), ΔE 3.

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

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

Complementar

  1. #ba6473
  2. #64baab

Complementar dividida

  1. #ba6473
  2. #64ba80
  3. #649eba

Análoga

  1. #ba649e
  2. #ba6473
  3. #ba8064

Triádica

  1. #ba6473
  2. #73ba64
  3. #6473ba

Tetrádica

  1. #ba6473
  2. #baab64
  3. #64baab
  4. #6473ba

Quadrada

  1. #ba6473
  2. #9eba64
  3. #64baab
  4. #8064ba

Monocromática

  1. #5c2932
  2. #91414f
  3. #ba6473
  4. #d299a3
  5. #e9ced3

Sombras

#ba6473 misturado progressivamente com preto.

  1. #ba6473
  2. #a75a68
  3. #95505c
  4. #824651
  5. #703c45
  6. #5d323a
  7. #4a282e
  8. #381e23
  9. #251417
  10. #130a0c
  11. #000000

Matizes claros

#ba6473 misturado progressivamente com branco.

  1. #ba6473
  2. #c17481
  3. #c8838f
  4. #cf939d
  5. #d6a2ab
  6. #ddb2b9
  7. #e3c1c7
  8. #ead1d5
  9. #f1e0e3
  10. #f8f0f1
  11. #ffffff

Tons

#ba6473 misturado progressivamente com cinza.

  1. #ba6473
  2. #b46774
  3. #ae6a76
  4. #a96c77
  5. #a36f78
  6. #9d727a
  7. #97757b
  8. #91787c
  9. #8c7a7d
  10. #867d7f
  11. #808080

Texto legível 4.07:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Texto legível 5.16:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Acromatopsia #7e7e7e ≈ 0.003% dos homens
Acromatomalia #9a747a ≈ 0.001% dos homens
Protanopia #747473 ≈ 1.01% dos homens
Deuteranopia #898471 ≈ 1.27% dos homens
Tritanopia #c85b69 ≈ 0.0001% dos homens
Protanomalia #956e73 ≈ 1.08% dos homens
Deuteranomalia #9f7972 ≈ 4.63% dos homens
Tritanomalia #c25f6d ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-ba6473 {
  color: #ba6473;
}
Fundo
.bg-ba6473 {
  background-color: #ba6473;
  color: #000000;
}
Borda
.border-ba6473 {
  border: 2px solid #ba6473;
}
Variáveis CSS
:root {
  --color-primary: #ba6473;
  --color-primary-rgb: 186 100 115;
  --color-primary-hsl: 350 38% 56%;
}
Degradê
.gradient-ba6473 {
  background: linear-gradient(135deg, #ba6473, #ba8064);
}
Sombra colorida
.shadow-ba6473 {
  box-shadow: 0 8px 24px rgb(186 100 115 / 0.35);
}

#b76e79 Rose Gold ΔE 3.00 #b57281 Turkish Rose ΔE 4.71 #de5d83 Blush ΔE 7.51 #cd5c5c Indian Red ΔE 8.18 #996666 Copper Rose ΔE 8.56 #c08081 Old Rose ΔE 8.82 #db7093 Pale Violet Red ΔE 9.00 #459b8c Invertida #7e7e7e Escala de cinza 

Rose Gold
#ba6473  rgb(186, 100, 115)  hsl(350, 38%, 56%)  Rose Gold
#64baab  rgb(100, 186, 171)  hsl(170, 38%, 56%)  Verdigris
#73ba64  rgb(115, 186, 100)  hsl(110, 38%, 56%)  Mantis
#6473ba  rgb(100, 115, 186)  hsl(230, 38%, 56%)  Glaucous