ColorTool
Giriş yap
#87787F

#87787f ≈ Taupe Gray

  • gri
  • Açıklık: orta
  • Doygunluk: neredeyse hiç yok
  • Nötr
Kontrastı denetle Grafikte keşfet Rastgele renk

#87787f, “gri” ailesinden bir renktir; açıklığı orta, doygunluğu neredeyse hiç yok. RGB modelinde %52,94 kırmızı, %47,06 yeşil ve %49,8 maviden oluşur; CMYK baskıda %0 camgöbeği, %11,11 macenta, %5,93 sarı ve %47,06 siyah kullanır. Ton açısı 332°, HSL’de doygunluğu %5,88 ve açıklığı %50’dir. Nötr bir renktir ve çoğunlukla tarafsızlık, denge ve profesyonellik ile ilişkilendirilir. Tasarımcılar onu genellikle gövde metni ve tipografi, kurumsal kimlikler ve marka vurguları için kullanır. Bu renk üzerinde siyah metin 5,02:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Taupe Gray (#8b8589), ΔE 6,06.

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

Tamamlayıcı

  1. #87787f
  2. #788780

Bölünmüş tamamlayıcı

  1. #87787f
  2. #788779
  3. #788687

Komşu

  1. #877886
  2. #87787f
  3. #877978

Üçlü

  1. #87787f
  2. #7f8778
  3. #787f87

Dörtlü

  1. #87787f
  2. #878078
  3. #788780
  4. #787f87

Kare

  1. #87787f
  2. #868778
  3. #788780
  4. #797887

Tek renkli

  1. #363033
  2. #5e5459
  3. #87787f
  4. #aba1a5
  5. #cfc9cc

Koyu tonlar

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

  1. #87787f
  2. #7a6c72
  3. #6c6066
  4. #5f5459
  5. #51484c
  6. #443c40
  7. #363033
  8. #292426
  9. #1b1819
  10. #0e0c0d
  11. #000000

Açık tonlar

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

  1. #87787f
  2. #93868c
  3. #9f9399
  4. #aba1a5
  5. #b7aeb2
  6. #c3bcbf
  7. #cfc9cc
  8. #dbd7d9
  9. #e7e4e5
  10. #f3f2f2
  11. #ffffff

Tonlar

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

  1. #87787f
  2. #86797f
  3. #867a7f
  4. #857a7f
  5. #847b7f
  6. #847c80
  7. #837d80
  8. #827e80
  9. #817e80
  10. #817f80
  11. #808080

Okunaklı metin 4.18:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Okunaklı metin 5.02:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Akromatopsi #7c7c7c Erkeklerin ≈ 0.003% kadarı
Akromatomali #807a7d Erkeklerin ≈ 0.001% kadarı
Protanopi #797b7f Erkeklerin ≈ 1.01% kadarı
Döteranopi #7c7d7f Erkeklerin ≈ 1.27% kadarı
Tritanopi #89787a Erkeklerin ≈ 0.0001% kadarı
Protanomali #7f7a7f Erkeklerin ≈ 1.08% kadarı
Döteranomali #817b7f Erkeklerin ≈ 4.63% kadarı
Tritanomali #88787c Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-87787f {
  color: #87787f;
}
Arka plan
.bg-87787f {
  background-color: #87787f;
  color: #000000;
}
Kenarlık
.border-87787f {
  border: 2px solid #87787f;
}
CSS değişkenleri
:root {
  --color-primary: #87787f;
  --color-primary-rgb: 135 120 127;
  --color-primary-hsl: 332 6% 50%;
}
Geçiş
.gradient-87787f {
  background: linear-gradient(135deg, #87787f, #877978);
}
Renkli gölge
.shadow-87787f {
  box-shadow: 0 8px 24px rgb(135 120 127 / 0.35);
}

#8b8589 Taupe Gray ΔE 6.06 #796878 Old Lavender ΔE 7.21 #997a8d Mountbatten Pink ΔE 7.73 #808080 Gray ΔE 8.79 #808080 Grey ΔE 8.79 #848482 Battleship Gray ΔE 10.17 #696969 Dim Gray ΔE 11.44 #788780 Ters renk #7c7c7c Gri tonlama 

Taupe Gray
#87787f  rgb(135, 120, 127)  hsl(332, 6%, 50%)  Taupe Gray
#788780  rgb(120, 135, 128)  hsl(152, 6%, 50%)  Xanadu
#7f8778  rgb(127, 135, 120)  hsl(92, 6%, 50%)  Xanadu
#787f87  rgb(120, 127, 135)  hsl(212, 6%, 50%)  Slate Gray