ColorTool
Entrar
#804D5E

#804d5e ≈ Twilight Lavender

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

#804d5e é uma cor da família “rosa intenso”, com luminosidade média e saturação suave. No modelo RGB, é formada por 50,2% de vermelho, 30,2% de verde e 36,86% de azul; impressa em CMYK, usa 0% de ciano, 39,84% de magenta, 26,56% de amarelo e 49,8% de preto. Seu ângulo de matiz é 340°, com 24,88% de saturação e 40,2% 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 branco sobre esta cor atinge uma razão de contraste de 6,69:1 (WCAG AA). A cor nomeada mais próxima é Twilight Lavender (#8a496b), ΔE 5,25.

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

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

Complementar

  1. #804d5e
  2. #4d806f

Complementar dividida

  1. #804d5e
  2. #4d8056
  3. #4d7880

Análoga

  1. #804d78
  2. #804d5e
  3. #80564d

Triádica

  1. #804d5e
  2. #5e804d
  3. #4d5e80

Tetrádica

  1. #804d5e
  2. #806f4d
  3. #4d806f
  4. #4d5e80

Quadrada

  1. #804d5e
  2. #78804d
  3. #4d806f
  4. #564d80

Monocromática

  1. #201418
  2. #50303b
  3. #804d5e
  4. #a97083
  5. #c6a0ad

Sombras

#804d5e misturado progressivamente com preto.

  1. #804d5e
  2. #734555
  3. #663e4b
  4. #5a3642
  5. #4d2e38
  6. #40272f
  7. #331f26
  8. #26171c
  9. #1a0f13
  10. #0d0809
  11. #000000

Matizes claros

#804d5e misturado progressivamente com branco.

  1. #804d5e
  2. #8d5f6e
  3. #99717e
  4. #a6828e
  5. #b3949e
  6. #c0a6af
  7. #ccb8bf
  8. #d9cacf
  9. #e6dbdf
  10. #f2edef
  11. #ffffff

Tons

#804d5e misturado progressivamente com cinza.

  1. #804d5e
  2. #805261
  3. #805765
  4. #805c68
  5. #80616c
  6. #80676f
  7. #806c72
  8. #807176
  9. #807679
  10. #807b7d
  11. #808080

Texto legível 6.69:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Texto legível 3.14:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Acromatopsia #5c5c5c ≈ 0.003% dos homens
Acromatomalia #6c565d ≈ 0.001% dos homens
Protanopia #54565f ≈ 1.01% dos homens
Deuteranopia #605f5d ≈ 1.27% dos homens
Tritanopia #884a53 ≈ 0.0001% dos homens
Protanomalia #68535e ≈ 1.08% dos homens
Deuteranomalia #6e595d ≈ 4.63% dos homens
Tritanomalia #854b58 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-804d5e {
  color: #804d5e;
}
Fundo
.bg-804d5e {
  background-color: #804d5e;
  color: #ffffff;
}
Borda
.border-804d5e {
  border: 2px solid #804d5e;
}
Variáveis CSS
:root {
  --color-primary: #804d5e;
  --color-primary-rgb: 128 77 94;
  --color-primary-hsl: 340 25% 40%;
}
Degradê
.gradient-804d5e {
  background: linear-gradient(135deg, #804d5e, #80564d);
}
Sombra colorida
.shadow-804d5e {
  box-shadow: 0 8px 24px rgb(128 77 94 / 0.35);
}

#8a496b Twilight Lavender ΔE 5.25 #915f6d Mauve Taupe ΔE 6.47 #7c4848 Tuscan Red ΔE 7.39 #614051 Eggplant ΔE 7.91 #893f45 Cordovan ΔE 8.53 #873260 Boysenberry ΔE 8.93 #722f37 Wine ΔE 10.75 #7fb2a1 Invertida #5c5c5c Escala de cinza 

Twilight Lavender
#804d5e  rgb(128, 77, 94)  hsl(340, 25%, 40%)  Twilight Lavender
#4d806f  rgb(77, 128, 111)  hsl(160, 25%, 40%)  Viridian
#5e804d  rgb(94, 128, 77)  hsl(100, 25%, 40%)  Fern Green
#4d5e80  rgb(77, 94, 128)  hsl(220, 25%, 40%)  Queen Blue