ColorTool
Entrar
#8A336A

#8a336a ≈ Boysenberry

  • rosa intenso
  • Luminosidade: baixa
  • Saturação: moderada
  • Equilibrada
Verificar contraste Explorar no grafo Cor aleatória

#8a336a é uma cor da família “rosa intenso”, com luminosidade baixa e saturação moderada. No modelo RGB, é formada por 54,12% de vermelho, 20% de verde e 41,57% de azul; impressa em CMYK, usa 0% de ciano, 63,04% de magenta, 23,19% de amarelo e 45,88% de preto. Seu ângulo de matiz é 322,07°, com 46,03% de saturação e 37,06% de luminosidade em HSL. Fica entre quente e fria e é 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 branco sobre esta cor atinge uma razão de contraste de 7,6:1 (WCAG AAA). A cor nomeada mais próxima é Boysenberry (#873260), ΔE 2,48.

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

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

Complementar

  1. #8a336a
  2. #338a53

Complementar dividida

  1. #8a336a
  2. #3f8a33
  3. #338a7f

Análoga

  1. #7f338a
  2. #8a336a
  3. #8a333f

Triádica

  1. #8a336a
  2. #6a8a33
  3. #336a8a

Tetrádica

  1. #8a336a
  2. #8a5333
  3. #338a53
  4. #336a8a

Quadrada

  1. #8a336a
  2. #8a7f33
  3. #338a53
  4. #333f8a

Monocromática

  1. #1a0a14
  2. #521e3f
  3. #8a336a
  4. #bd4c94
  5. #d284b5

Sombras

#8a336a misturado progressivamente com preto.

  1. #8a336a
  2. #7c2e5f
  3. #6e2955
  4. #61244a
  5. #531f40
  6. #451a35
  7. #37142a
  8. #290f20
  9. #1c0a15
  10. #0e050b
  11. #000000

Matizes claros

#8a336a misturado progressivamente com branco.

  1. #8a336a
  2. #964779
  3. #a15c88
  4. #ad7097
  5. #b985a6
  6. #c599b5
  7. #d0adc3
  8. #dcc2d2
  9. #e8d6e1
  10. #f3ebf0
  11. #ffffff

Tons

#8a336a misturado progressivamente com cinza.

  1. #8a336a
  2. #893b6c
  3. #88426e
  4. #874a71
  5. #865273
  6. #855a75
  7. #846177
  8. #836979
  9. #82717c
  10. #81787e
  11. #808080

Texto legível 7.6:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Texto legível 2.76:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Acromatopsia #545454 ≈ 0.003% dos homens
Acromatomalia #6e495d ≈ 0.001% dos homens
Protanopia #3b4b6c ≈ 1.01% dos homens
Deuteranopia #545968 ≈ 1.27% dos homens
Tritanopia #93324a ≈ 0.0001% dos homens
Protanomalia #64426b ≈ 1.08% dos homens
Deuteranomalia #6e4d69 ≈ 4.63% dos homens
Tritanomalia #8f3358 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-8a336a {
  color: #8a336a;
}
Fundo
.bg-8a336a {
  background-color: #8a336a;
  color: #ffffff;
}
Borda
.border-8a336a {
  border: 2px solid #8a336a;
}
Variáveis CSS
:root {
  --color-primary: #8a336a;
  --color-primary-rgb: 138 51 106;
  --color-primary-hsl: 322 46% 37%;
}
Degradê
.gradient-8a336a {
  background: linear-gradient(135deg, #8a336a, #8a333f);
}
Sombra colorida
.shadow-8a336a {
  box-shadow: 0 8px 24px rgb(138 51 106 / 0.35);
}

#873260 Boysenberry ΔE 2.48 #8a496b Twilight Lavender ΔE 6.01 #702963 Byzantium ΔE 6.24 #8e4585 Deep Plum ΔE 6.53 #a50b5e Jazzberry Jam ΔE 7.22 #78184a Pansy Purple ΔE 7.74 #880085 Mardi Gras ΔE 10.01 #75cc95 Invertida #545454 Escala de cinza 

Boysenberry
#8a336a  rgb(138, 51, 106)  hsl(322, 46%, 37%)  Boysenberry
#338a53  rgb(51, 138, 83)  hsl(142, 46%, 37%)  Sea Green
#6a8a33  rgb(106, 138, 51)  hsl(82, 46%, 37%)  Olive Drab
#336a8a  rgb(51, 106, 138)  hsl(202, 46%, 37%)  Sea Blue