ColorTool
Entrar
#B399E0

#b399e0 ≈ Wisteria

  • violeta
  • Luminosidade: alta
  • Saturação: moderada
  • Fria
Verificar contraste Explorar no grafo Cor aleatória

#b399e0 é uma cor da família “violeta”, com luminosidade alta e saturação moderada. No modelo RGB, é formada por 70,2% de vermelho, 60% de verde e 87,84% de azul; impressa em CMYK, usa 20,09% de ciano, 31,7% de magenta, 0% de amarelo e 12,16% de preto. Seu ângulo de matiz é 261,97°, com 53,38% de saturação e 73,92% 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 preto sobre esta cor atinge uma razão de contraste de 8,55:1 (WCAG AAA). A cor nomeada mais próxima é Wisteria (#c9a0dc), ΔE 5,89.

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

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

Complementar

  1. #b399e0
  2. #c6e099

Complementar dividida

  1. #b399e0
  2. #e0d699
  3. #a2e099

Análoga

  1. #99a2e0
  2. #b399e0
  3. #d699e0

Triádica

  1. #b399e0
  2. #e0b399
  3. #99e0b3

Tetrádica

  1. #b399e0
  2. #e099c6
  3. #c6e099
  4. #99e0b3

Quadrada

  1. #b399e0
  2. #e099a2
  3. #c6e099
  4. #99e0d6

Monocromática

  1. #6034ac
  2. #875ece
  3. #b399e0
  4. #dfd4f2
  5. #f3effa

Sombras

#b399e0 misturado progressivamente com preto.

  1. #b399e0
  2. #a18aca
  3. #8f7ab3
  4. #7d6b9d
  5. #6b5c86
  6. #5a4d70
  7. #483d5a
  8. #362e43
  9. #241f2d
  10. #120f16
  11. #000000

Matizes claros

#b399e0 misturado progressivamente com branco.

  1. #b399e0
  2. #bba3e3
  3. #c2ade6
  4. #cab8e9
  5. #d1c2ec
  6. #d9ccf0
  7. #e1d6f3
  8. #e8e0f6
  9. #f0ebf9
  10. #f7f5fc
  11. #ffffff

Tons

#b399e0 misturado progressivamente com cinza.

  1. #b399e0
  2. #ae97d6
  3. #a994cd
  4. #a492c3
  5. #9f8fba
  6. #9a8db0
  7. #948aa6
  8. #8f889d
  9. #8a8593
  10. #85838a
  11. #808080

Texto legível 2.46:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 8.55:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #a5a5a5 ≈ 0.003% dos homens
Acromatomalia #aba0c0 ≈ 0.001% dos homens
Protanopia #89a5e3 ≈ 1.01% dos homens
Deuteranopia #8ea5de ≈ 1.27% dos homens
Tritanopia #aba4b3 ≈ 0.0001% dos homens
Protanomalia #9ca0e2 ≈ 1.08% dos homens
Deuteranomalia #9ea0df ≈ 4.63% dos homens
Tritanomalia #aea0c6 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-b399e0 {
  color: #b399e0;
}
Fundo
.bg-b399e0 {
  background-color: #b399e0;
  color: #000000;
}
Borda
.border-b399e0 {
  border: 2px solid #b399e0;
}
Variáveis CSS
:root {
  --color-primary: #b399e0;
  --color-primary-rgb: 179 153 224;
  --color-primary-hsl: 262 53% 74%;
}
Degradê
.gradient-b399e0 {
  background: linear-gradient(135deg, #b399e0, #d699e0);
}
Sombra colorida
.shadow-b399e0 {
  box-shadow: 0 8px 24px rgb(179 153 224 / 0.35);
}

#c9a0dc Wisteria ΔE 5.89 #b57edc Floral Lavender ΔE 7.89 #e0b0ff Mauve ΔE 9.01 #dda0dd Plum ΔE 9.93 #c8a2c8 Lilac ΔE 10.23 #a2add0 Wild Blue Yonder ΔE 10.69 #9678b6 Purple Mountain Majesty ΔE 10.99 #4c661f Invertida #a5a5a5 Escala de cinza 

Wisteria
#b399e0  rgb(179, 153, 224)  hsl(262, 53%, 74%)  Wisteria
#c6e099  rgb(198, 224, 153)  hsl(82, 53%, 74%)  Granny Smith Apple
#e0b399  rgb(224, 179, 153)  hsl(22, 53%, 74%)  Tumbleweed
#99e0b3  rgb(153, 224, 179)  hsl(142, 53%, 74%)  Seafoam Green