ColorTool
Giriş yap
#87577F

#87577f ≈ Twilight Lavender

  • macenta
  • Açıklık: orta
  • Doygunluk: düşük
  • Dengeli
Kontrastı denetle Grafikte keşfet Rastgele renk

#87577f, “macenta” ailesinden bir renktir; açıklığı orta, doygunluğu düşük. RGB modelinde %52,94 kırmızı, %34,12 yeşil ve %49,8 maviden oluşur; CMYK baskıda %0 camgöbeği, %35,56 macenta, %5,93 sarı ve %47,06 siyah kullanır. Ton açısı 310°, HSL’de doygunluğu %21,62 ve açıklığı %43,53’dir. Sıcak ile soğuk arasında yer alır ve çoğunlukla yaratıcılık, cesaret ve bireysellik ile ilişkilendirilir. Tasarımcılar onu genellikle güzellik ve kozmetik, yaratıcı stüdyolar ve marka vurguları için kullanır. Bu renk üzerinde beyaz metin 5,68:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Twilight Lavender (#8a496b), ΔE 6,08.

Açıklama, bu rengin ölçülen özelliklerinden oluşturuldu.

HEX
RGB
Yüzde olarak RGB
CMY
CMYK
HSL
HSV / HSB
Web güvenli#996666
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
İkili
Ondalık
Göreli parlaklık0.135

Tamamlayıcı

  1. #87577f
  2. #57875f

Bölünmüş tamamlayıcı

  1. #87577f
  2. #678757
  3. #578777

Komşu

  1. #775787
  2. #87577f
  3. #875767

Üçlü

  1. #87577f
  2. #7f8757
  3. #577f87

Dörtlü

  1. #87577f
  2. #875f57
  3. #57875f
  4. #577f87

Kare

  1. #87577f
  2. #877757
  3. #57875f
  4. #576787

Tek renkli

  1. #2a1b27
  2. #583953
  3. #87577f
  4. #ac7ea4
  5. #caadc5

Koyu tonlar

#87577f kademeli olarak siyahla karıştırıldı.

  1. #87577f
  2. #7a4e72
  3. #6c4666
  4. #5f3d59
  5. #51344c
  6. #442c40
  7. #362333
  8. #291a26
  9. #1b1119
  10. #0e090d
  11. #000000

Açık tonlar

#87577f kademeli olarak beyazla karıştırıldı.

  1. #87577f
  2. #93688c
  3. #9f7999
  4. #ab89a5
  5. #b79ab2
  6. #c3abbf
  7. #cfbccc
  8. #dbcdd9
  9. #e7dde5
  10. #f3eef2
  11. #ffffff

Tonlar

#87577f kademeli olarak griyle karıştırıldı.

  1. #87577f
  2. #865b7f
  3. #865f7f
  4. #85637f
  5. #84677f
  6. #846c80
  7. #837080
  8. #827480
  9. #817880
  10. #817c80
  11. #808080

Okunaklı metin 5.68:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Okunaklı metin 3.7:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Akromatopsi #676767 Erkeklerin ≈ 0.003% kadarı
Akromatomali #756171 Erkeklerin ≈ 0.001% kadarı
Protanopi #566381 Erkeklerin ≈ 1.01% kadarı
Döteranopi #62697e Erkeklerin ≈ 1.27% kadarı
Tritanopi #8b5966 Erkeklerin ≈ 0.0001% kadarı
Protanomali #6d5e80 Erkeklerin ≈ 1.08% kadarı
Döteranomali #73627e Erkeklerin ≈ 4.63% kadarı
Tritanomali #8a5971 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-87577f {
  color: #87577f;
}
Arka plan
.bg-87577f {
  background-color: #87577f;
  color: #ffffff;
}
Kenarlık
.border-87577f {
  border: 2px solid #87577f;
}
CSS değişkenleri
:root {
  --color-primary: #87577f;
  --color-primary-rgb: 135 87 127;
  --color-primary-hsl: 310 22% 44%;
}
Geçiş
.gradient-87577f {
  background: linear-gradient(135deg, #87577f, #875767);
}
Renkli gölge
.shadow-87577f {
  box-shadow: 0 8px 24px rgb(135 87 127 / 0.35);
}

#8a496b Twilight Lavender ΔE 6.08 #8e4585 Deep Plum ΔE 6.31 #915f6d Mauve Taupe ΔE 9.23 #873260 Boysenberry ΔE 10.76 #796878 Old Lavender ΔE 10.85 #9a4eae Purpureus ΔE 11.25 #614051 Eggplant ΔE 12.51 #78a880 Ters renk #676767 Gri tonlama 

Twilight Lavender
#87577f  rgb(135, 87, 127)  hsl(310, 22%, 44%)  Twilight Lavender
#57875f  rgb(87, 135, 95)  hsl(130, 22%, 44%)  Sea Green
#7f8757  rgb(127, 135, 87)  hsl(70, 22%, 44%)  Moss Green
#577f87  rgb(87, 127, 135)  hsl(190, 22%, 44%)  Teal Blue