ColorTool
Entrar
#B1778A

#b1778a ≈ Turkish Rose

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

#b1778a é uma cor da família “rosa intenso”, com luminosidade média e saturação suave. No modelo RGB, é formada por 69,41% de vermelho, 46,67% de verde e 54,12% de azul; impressa em CMYK, usa 0% de ciano, 32,77% de magenta, 22,03% de amarelo e 30,59% de preto. Seu ângulo de matiz é 340,34°, com 27,1% de saturação e 58,04% de luminosidade em HSL. É uma cor quente, muitas vezes associada a romance, leveza e afeto. 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,88:1 (WCAG AA). A cor nomeada mais próxima é Turkish Rose (#b57281), ΔE 2,96.

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

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

Complementar

  1. #b1778a
  2. #77b19e

Complementar dividida

  1. #b1778a
  2. #77b181
  3. #77a7b1

Análoga

  1. #b177a7
  2. #b1778a
  3. #b18177

Triádica

  1. #b1778a
  2. #8ab177
  3. #778ab1

Tetrádica

  1. #b1778a
  2. #b19e77
  3. #77b19e
  4. #778ab1

Quadrada

  1. #b1778a
  2. #a7b177
  3. #77b19e
  4. #8177b1

Monocromática

  1. #5b3441
  2. #8b5064
  3. #b1778a
  4. #cda8b4
  5. #e9d8de

Sombras

#b1778a misturado progressivamente com preto.

  1. #b1778a
  2. #9f6b7c
  3. #8e5f6e
  4. #7c5361
  5. #6a4753
  6. #593c45
  7. #473037
  8. #352429
  9. #23181c
  10. #120c0e
  11. #000000

Matizes claros

#b1778a misturado progressivamente com branco.

  1. #b1778a
  2. #b98596
  3. #c192a1
  4. #c8a0ad
  5. #d0adb9
  6. #d8bbc5
  7. #e0c9d0
  8. #e8d6dc
  9. #efe4e8
  10. #f7f1f3
  11. #ffffff

Tons

#b1778a misturado progressivamente com cinza.

  1. #b1778a
  2. #ac7889
  3. #a77988
  4. #a27a87
  5. #9d7b86
  6. #997c85
  7. #947c84
  8. #8f7d83
  9. #8a7e82
  10. #857f81
  11. #808080

Texto legível 3.57:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Texto legível 5.88:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Acromatopsia #878787 ≈ 0.003% dos homens
Acromatomalia #9a8188 ≈ 0.001% dos homens
Protanopia #7e818b ≈ 1.01% dos homens
Deuteranopia #8c8b89 ≈ 1.27% dos homens
Tritanopia #ba747e ≈ 0.0001% dos homens
Protanomalia #957d8a ≈ 1.08% dos homens
Deuteranomalia #9c8489 ≈ 4.63% dos homens
Tritanomalia #b77583 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-b1778a {
  color: #b1778a;
}
Fundo
.bg-b1778a {
  background-color: #b1778a;
  color: #000000;
}
Borda
.border-b1778a {
  border: 2px solid #b1778a;
}
Variáveis CSS
:root {
  --color-primary: #b1778a;
  --color-primary-rgb: 177 119 138;
  --color-primary-hsl: 340 27% 58%;
}
Degradê
.gradient-b1778a {
  background: linear-gradient(135deg, #b1778a, #b18177);
}
Sombra colorida
.shadow-b1778a {
  box-shadow: 0 8px 24px rgb(177 119 138 / 0.35);
}

#b57281 Turkish Rose ΔE 2.96 #b76e79 Rose Gold ΔE 5.34 #cc8899 Puce ΔE 6.92 #997a8d Mountbatten Pink ΔE 7.11 #c08081 Old Rose ΔE 7.78 #db7093 Pale Violet Red ΔE 8.65 #bc8f8f Rosy Brown ΔE 9.69 #4e8875 Invertida #878787 Escala de cinza 

Turkish Rose
#b1778a  rgb(177, 119, 138)  hsl(340, 27%, 58%)  Turkish Rose
#77b19e  rgb(119, 177, 158)  hsl(160, 27%, 58%)  Verdigris
#8ab177  rgb(138, 177, 119)  hsl(100, 27%, 58%)  Asparagus
#778ab1  rgb(119, 138, 177)  hsl(220, 27%, 58%)  Glaucous