ColorTool
Entrar
#7766A1

#7766a1 ≈ Royal Purple

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

#7766a1 é uma cor da família “violeta”, com luminosidade média e saturação suave. No modelo RGB, é formada por 46,67% de vermelho, 40% de verde e 63,14% de azul; impressa em CMYK, usa 26,09% de ciano, 36,65% de magenta, 0% de amarelo e 36,86% de preto. Seu ângulo de matiz é 257,29°, com 23,89% de saturação e 51,57% de luminosidade em HSL. É uma cor fria, muitas vezes associada a imaginação, espiritualidade e luxo. Designers costumam usá-la em beleza e cosméticos, estúdios criativos e detalhes de marca. Texto branco sobre esta cor atinge uma razão de contraste de 5:1 (WCAG AA). A cor nomeada mais próxima é Royal Purple (#7851a9), ΔE 7,7.

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

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

Complementar

  1. #7766a1
  2. #90a166

Complementar dividida

  1. #7766a1
  2. #a19566
  3. #72a166

Análoga

  1. #6672a1
  2. #7766a1
  3. #9566a1

Triádica

  1. #7766a1
  2. #a17766
  3. #66a177

Tetrádica

  1. #7766a1
  2. #a16690
  3. #90a166
  4. #66a177

Quadrada

  1. #7766a1
  2. #a16672
  3. #90a166
  4. #66a195

Monocromática

  1. #312a44
  2. #544774
  3. #7766a1
  4. #a195be
  5. #cbc5db

Sombras

#7766a1 misturado progressivamente com preto.

  1. #7766a1
  2. #6b5c91
  3. #5f5281
  4. #534771
  5. #473d61
  6. #3c3351
  7. #302940
  8. #241f30
  9. #181420
  10. #0c0a10
  11. #000000

Matizes claros

#7766a1 misturado progressivamente com branco.

  1. #7766a1
  2. #8575aa
  3. #9285b4
  4. #a094bd
  5. #ada3c7
  6. #bbb3d0
  7. #c9c2d9
  8. #d6d1e3
  9. #e4e0ec
  10. #f1f0f6
  11. #ffffff

Tons

#7766a1 misturado progressivamente com cinza.

  1. #7766a1
  2. #78699e
  3. #796b9a
  4. #7a6e97
  5. #7b7094
  6. #7c7391
  7. #7c768d
  8. #7d788a
  9. #7e7b87
  10. #7f7d83
  11. #808080

Texto legível 5:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Texto legível 4.2:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Acromatopsia #6f6f6f ≈ 0.003% dos homens
Acromatomalia #726c86 ≈ 0.001% dos homens
Protanopia #5770a3 ≈ 1.01% dos homens
Deuteranopia #596f9f ≈ 1.27% dos homens
Tritanopia #6f707c ≈ 0.0001% dos homens
Protanomalia #656ca2 ≈ 1.08% dos homens
Deuteranomalia #676ba0 ≈ 4.63% dos homens
Tritanomalia #726c8c ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-7766a1 {
  color: #7766a1;
}
Fundo
.bg-7766a1 {
  background-color: #7766a1;
  color: #ffffff;
}
Borda
.border-7766a1 {
  border: 2px solid #7766a1;
}
Variáveis CSS
:root {
  --color-primary: #7766a1;
  --color-primary-rgb: 119 102 161;
  --color-primary-hsl: 257 24% 52%;
}
Degradê
.gradient-7766a1 {
  background: linear-gradient(135deg, #7766a1, #9566a1);
}
Sombra colorida
.shadow-7766a1 {
  box-shadow: 0 8px 24px rgb(119 102 161 / 0.35);
}

#7851a9 Royal Purple ΔE 7.70 #9678b6 Purple Mountain Majesty ΔE 8.87 #9966cc Amethyst ΔE 10.00 #6a5acd Slate Blue ΔE 10.32 #9a4eae Purpureus ΔE 11.15 #9370db Medium Purple ΔE 11.37 #5a4fcf Iris ΔE 13.10 #88995e Invertida #6f6f6f Escala de cinza 

Royal Purple
#7766a1  rgb(119, 102, 161)  hsl(257, 24%, 52%)  Royal Purple
#90a166  rgb(144, 161, 102)  hsl(77, 24%, 52%)  Moss Green
#a17766  rgb(161, 119, 102)  hsl(17, 24%, 52%)  Beaver
#66a177  rgb(102, 161, 119)  hsl(137, 24%, 52%)  Mint