ColorTool
Entrar
#B4566B

#b4566b ≈ Rose Gold

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

#b4566b é uma cor da família “vermelho”, com luminosidade média e saturação moderada. No modelo RGB, é formada por 70,59% de vermelho, 33,73% de verde e 41,96% de azul; impressa em CMYK, usa 0% de ciano, 52,22% de magenta, 40,56% de amarelo e 29,41% de preto. Seu ângulo de matiz é 346,6°, com 38,52% de saturação e 52,16% 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 branco sobre esta cor atinge uma razão de contraste de 4,68:1 (WCAG AA). A cor nomeada mais próxima é Rose Gold (#b76e79), ΔE 7,03.

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.1742

Complementar

  1. #b4566b
  2. #56b49f

Complementar dividida

  1. #b4566b
  2. #56b470
  3. #569ab4

Análoga

  1. #b4569a
  2. #b4566b
  3. #b47056

Triádica

  1. #b4566b
  2. #6bb456
  3. #566bb4

Tetrádica

  1. #b4566b
  2. #b49f56
  3. #56b49f
  4. #566bb4

Quadrada

  1. #b4566b
  2. #9ab456
  3. #56b49f
  4. #7056b4

Monocromática

  1. #4e232c
  2. #833a4b
  3. #b4566b
  4. #cc8b99
  5. #e3c0c8

Sombras

#b4566b misturado progressivamente com preto.

  1. #b4566b
  2. #a24d60
  3. #904556
  4. #7e3c4b
  5. #6c3440
  6. #5a2b36
  7. #48222b
  8. #361a20
  9. #241115
  10. #12090b
  11. #000000

Matizes claros

#b4566b misturado progressivamente com branco.

  1. #b4566b
  2. #bc677a
  3. #c37889
  4. #cb8997
  5. #d29aa6
  6. #daabb5
  7. #e1bbc4
  8. #e9ccd3
  9. #f0dde1
  10. #f8eef0
  11. #ffffff

Tons

#b4566b misturado progressivamente com cinza.

  1. #b4566b
  2. #af5a6d
  3. #aa5e6f
  4. #a46371
  5. #9f6773
  6. #9a6b76
  7. #956f78
  8. #90737a
  9. #8a787c
  10. #857c7e
  11. #808080

Texto legível 4.68:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Texto legível 4.48:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Acromatopsia #747474 ≈ 0.003% dos homens
Acromatomalia #926970 ≈ 0.001% dos homens
Protanopia #68696b ≈ 1.01% dos homens
Deuteranopia #807b69 ≈ 1.27% dos homens
Tritanopia #c24c5e ≈ 0.0001% dos homens
Protanomalia #8d626b ≈ 1.08% dos homens
Deuteranomalia #976e6a ≈ 4.63% dos homens
Tritanomalia #bd5063 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-b4566b {
  color: #b4566b;
}
Fundo
.bg-b4566b {
  background-color: #b4566b;
  color: #ffffff;
}
Borda
.border-b4566b {
  border: 2px solid #b4566b;
}
Variáveis CSS
:root {
  --color-primary: #b4566b;
  --color-primary-rgb: 180 86 107;
  --color-primary-hsl: 347 39% 52%;
}
Degradê
.gradient-b4566b {
  background: linear-gradient(135deg, #b4566b, #b47056);
}
Sombra colorida
.shadow-b4566b {
  box-shadow: 0 8px 24px rgb(180 86 107 / 0.35);
}

#b76e79 Rose Gold ΔE 7.03 #cb4154 Brick Red ΔE 7.78 #cf3476 Telemagenta ΔE 8.14 #b57281 Turkish Rose ΔE 8.26 #de3163 Cerise ΔE 8.40 #915f6d Mauve Taupe ΔE 8.50 #d71868 Dogwood Rose ΔE 9.13 #4ba994 Invertida #747474 Escala de cinza 

Rose Gold
#b4566b  rgb(180, 86, 107)  hsl(347, 39%, 52%)  Rose Gold
#56b49f  rgb(86, 180, 159)  hsl(167, 39%, 52%)  Light Sea Green
#6bb456  rgb(107, 180, 86)  hsl(107, 39%, 52%)  Mantis
#566bb4  rgb(86, 107, 180)  hsl(227, 39%, 52%)  Royal Blue