ColorTool
Giriş yap
#87696E

#87696e ≈ Mauve Taupe

  • kırmızı
  • Açıklık: orta
  • Doygunluk: düşük
  • Sıcak
Kontrastı denetle Grafikte keşfet Rastgele renk

#87696e, “kırmızı” ailesinden bir renktir; açıklığı orta, doygunluğu düşük. RGB modelinde %52,94 kırmızı, %41,18 yeşil ve %43,14 maviden oluşur; CMYK baskıda %0 camgöbeği, %22,22 macenta, %18,52 sarı ve %47,06 siyah kullanır. Ton açısı 350°, HSL’de doygunluğu %12,5 ve açıklığı %47,06’dir. Sıcak bir renktir ve çoğunlukla enerji, tutku ve aciliyet ile ilişkilendirilir. Tasarımcılar onu genellikle gıda markaları ve restoranlar, indirimler ve kampanyalar ve marka vurguları için kullanır. Bu renk üzerinde beyaz metin 4,91:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Mauve Taupe (#915f6d), ΔE 6,55.

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.1638

Tamamlayıcı

  1. #87696e
  2. #698782

Bölünmüş tamamlayıcı

  1. #87696e
  2. #698773
  3. #697d87

Komşu

  1. #87697d
  2. #87696e
  3. #877369

Üçlü

  1. #87696e
  2. #6e8769
  3. #696e87

Dörtlü

  1. #87696e
  2. #878269
  3. #698782
  4. #696e87

Kare

  1. #87696e
  2. #7d8769
  3. #698782
  4. #736987

Tek renkli

  1. #312628
  2. #5c484b
  3. #87696e
  4. #aa9296
  5. #ccbdc0

Koyu tonlar

#87696e kademeli olarak siyahla karıştırıldı.

  1. #87696e
  2. #7a5f63
  3. #6c5458
  4. #5f4a4d
  5. #513f42
  6. #443537
  7. #362a2c
  8. #292021
  9. #1b1516
  10. #0e0b0b
  11. #000000

Açık tonlar

#87696e kademeli olarak beyazla karıştırıldı.

  1. #87696e
  2. #93787d
  3. #9f878b
  4. #ab969a
  5. #b7a5a8
  6. #c3b4b7
  7. #cfc3c5
  8. #dbd2d4
  9. #e7e1e2
  10. #f3f0f1
  11. #ffffff

Tonlar

#87696e kademeli olarak griyle karıştırıldı.

  1. #87696e
  2. #866b70
  3. #866e72
  4. #857073
  5. #847275
  6. #847577
  7. #837779
  8. #82797b
  9. #817b7c
  10. #817e7e
  11. #808080

Okunaklı metin 4.91:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Okunaklı metin 4.28:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Akromatopsi #717171 Erkeklerin ≈ 0.003% kadarı
Akromatomali #7a6e70 Erkeklerin ≈ 0.001% kadarı
Protanopi #6d6d6e Erkeklerin ≈ 1.01% kadarı
Döteranopi #74736d Erkeklerin ≈ 1.27% kadarı
Tritanopi #8d676b Erkeklerin ≈ 0.0001% kadarı
Protanomali #786c6e Erkeklerin ≈ 1.08% kadarı
Döteranomali #7c6f6e Erkeklerin ≈ 4.63% kadarı
Tritanomali #8b686c Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-87696e {
  color: #87696e;
}
Arka plan
.bg-87696e {
  background-color: #87696e;
  color: #ffffff;
}
Kenarlık
.border-87696e {
  border: 2px solid #87696e;
}
CSS değişkenleri
:root {
  --color-primary: #87696e;
  --color-primary-rgb: 135 105 110;
  --color-primary-hsl: 350 13% 47%;
}
Geçiş
.gradient-87696e {
  background: linear-gradient(135deg, #87696e, #877369);
}
Renkli gölge
.shadow-87696e {
  box-shadow: 0 8px 24px rgb(135 105 110 / 0.35);
}

#915f6d Mauve Taupe ΔE 6.55 #996666 Copper Rose ΔE 6.57 #796878 Old Lavender ΔE 6.78 #997a8d Mountbatten Pink ΔE 9.04 #645452 Wenge ΔE 11.27 #b57281 Turkish Rose ΔE 12.13 #674c47 Liver ΔE 12.21 #789691 Ters renk #717171 Gri tonlama 

Mauve Taupe
#87696e  rgb(135, 105, 110)  hsl(350, 13%, 47%)  Mauve Taupe
#698782  rgb(105, 135, 130)  hsl(170, 13%, 47%)  Xanadu
#6e8769  rgb(110, 135, 105)  hsl(110, 13%, 47%)  Xanadu
#696e87  rgb(105, 110, 135)  hsl(230, 13%, 47%)  Slate Gray