ColorTool
Entrar
#654E69

#654e69 ≈ Eggplant

  • magenta
  • Luminosidade: baixa
  • Saturação: suave
  • Equilibrada
Verificar contraste Explorar no grafo Cor aleatória

#654e69 é uma cor da família “magenta”, com luminosidade baixa e saturação suave. No modelo RGB, é formada por 39,61% de vermelho, 30,59% de verde e 41,18% de azul; impressa em CMYK, usa 3,81% de ciano, 25,71% de magenta, 0% de amarelo e 58,82% de preto. Seu ângulo de matiz é 291,11°, com 14,75% de saturação e 35,88% de luminosidade em HSL. Fica entre quente e fria e é muitas vezes associada a criatividade, ousadia e individualidade. 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 7,38:1 (WCAG AAA). A cor nomeada mais próxima é Eggplant (#614051), ΔE 6,83.

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

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

Complementar

  1. #654e69
  2. #52694e

Complementar dividida

  1. #654e69
  2. #5f694e
  3. #4e6957

Análoga

  1. #574e69
  2. #654e69
  3. #694e5f

Triádica

  1. #654e69
  2. #69654e
  3. #4e6965

Tetrádica

  1. #654e69
  2. #694e52
  3. #52694e
  4. #4e6965

Quadrada

  1. #654e69
  2. #69574e
  3. #52694e
  4. #4e5f69

Monocromática

  1. #110d11
  2. #3b2d3d
  3. #654e69
  4. #8f6f94
  5. #b19bb5

Sombras

#654e69 misturado progressivamente com preto.

  1. #654e69
  2. #5b465f
  3. #513e54
  4. #47374a
  5. #3d2f3f
  6. #332735
  7. #281f2a
  8. #1e1720
  9. #141015
  10. #0a080b
  11. #000000

Matizes claros

#654e69 misturado progressivamente com branco.

  1. #654e69
  2. #746078
  3. #847187
  4. #938396
  5. #a395a5
  6. #b2a7b4
  7. #c1b8c3
  8. #d1cad2
  9. #e0dce1
  10. #f0edf0
  11. #ffffff

Tons

#654e69 misturado progressivamente com cinza.

  1. #654e69
  2. #68536b
  3. #6a586e
  4. #6d5d70
  5. #706272
  6. #736775
  7. #756c77
  8. #787179
  9. #7b767b
  10. #7d7b7e
  11. #808080

Texto legível 7.38:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Texto legível 2.85:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Acromatopsia #565656 ≈ 0.003% dos homens
Acromatomalia #5c535e ≈ 0.001% dos homens
Protanopia #4b546a ≈ 1.01% dos homens
Deuteranopia #505768 ≈ 1.27% dos homens
Tritanopia #665157 ≈ 0.0001% dos homens
Protanomalia #57526a ≈ 1.08% dos homens
Deuteranomalia #595368 ≈ 4.63% dos homens
Tritanomalia #65505f ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-654e69 {
  color: #654e69;
}
Fundo
.bg-654e69 {
  background-color: #654e69;
  color: #ffffff;
}
Borda
.border-654e69 {
  border: 2px solid #654e69;
}
Variáveis CSS
:root {
  --color-primary: #654e69;
  --color-primary-rgb: 101 78 105;
  --color-primary-hsl: 291 15% 36%;
}
Degradê
.gradient-654e69 {
  background: linear-gradient(135deg, #654e69, #694e5f);
}
Sombra colorida
.shadow-654e69 {
  box-shadow: 0 8px 24px rgb(101 78 105 / 0.35);
}

#614051 Eggplant ΔE 6.83 #796878 Old Lavender ΔE 9.92 #8a496b Twilight Lavender ΔE 10.43 #8e4585 Deep Plum ΔE 11.96 #702963 Byzantium ΔE 12.39 #873260 Boysenberry ΔE 12.91 #645452 Wenge ΔE 12.97 #9ab196 Invertida #565656 Escala de cinza 

Eggplant
#654e69  rgb(101, 78, 105)  hsl(291, 15%, 36%)  Eggplant
#52694e  rgb(82, 105, 78)  hsl(111, 15%, 36%)  Hunter Green
#69654e  rgb(105, 101, 78)  hsl(51, 15%, 36%)  Dim Gray
#4e6965  rgb(78, 105, 101)  hsl(171, 15%, 36%)  Feldgrau