ColorTool
Giriş yap
#877161

#877161 ≈ Beaver

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

#877161, “turuncu” ailesinden bir renktir; açıklığı orta, doygunluğu düşük. RGB modelinde %52,94 kırmızı, %44,31 yeşil ve %38,04 maviden oluşur; CMYK baskıda %0 camgöbeği, %16,3 macenta, %28,15 sarı ve %47,06 siyah kullanır. Ton açısı 25,26°, HSL’de doygunluğu %16,38 ve açıklığı %45,49’dir. Sıcak bir renktir ve çoğunlukla coşku, sıcaklık ve yaratıcılık ile ilişkilendirilir. Tasarımcılar onu genellikle eylem çağrısı düğmeleri, gıda markaları ve restoranlar ve marka vurguları için kullanır. Bu renk üzerinde beyaz metin 4,6:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Beaver (#9f8170), ΔE 7,46.

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

Tamamlayıcı

  1. #877161
  2. #617787

Bölünmüş tamamlayıcı

  1. #877161
  2. #618784
  3. #616487

Komşu

  1. #876164
  2. #877161
  3. #878461

Üçlü

  1. #877161
  2. #618771
  3. #716187

Dörtlü

  1. #877161
  2. #778761
  3. #617787
  4. #716187

Kare

  1. #877161
  2. #648761
  3. #617787
  4. #846187

Tek renkli

  1. #2e2621
  2. #5a4c41
  3. #877161
  4. #ab988a
  5. #cbbfb6

Koyu tonlar

#877161 kademeli olarak siyahla karıştırıldı.

  1. #877161
  2. #7a6657
  3. #6c5a4e
  4. #5f4f44
  5. #51443a
  6. #443931
  7. #362d27
  8. #29221d
  9. #1b1713
  10. #0e0b0a
  11. #000000

Açık tonlar

#877161 kademeli olarak beyazla karıştırıldı.

  1. #877161
  2. #937f71
  3. #9f8d81
  4. #ab9c90
  5. #b7aaa0
  6. #c3b8b0
  7. #cfc6c0
  8. #dbd4d0
  9. #e7e3df
  10. #f3f1ef
  11. #ffffff

Tonlar

#877161 kademeli olarak griyle karıştırıldı.

  1. #877161
  2. #867364
  3. #867467
  4. #85766a
  5. #84776d
  6. #847971
  7. #837a74
  8. #827c77
  9. #817d7a
  10. #817f7d
  11. #808080

Okunaklı metin 4.6:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Okunaklı metin 4.56:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Akromatopsi #757575 Erkeklerin ≈ 0.003% kadarı
Akromatomali #7d736e Erkeklerin ≈ 0.001% kadarı
Protanopi #787260 Erkeklerin ≈ 1.01% kadarı
Döteranopi #7d7761 Erkeklerin ≈ 1.27% kadarı
Tritanopi #8e6d6d Erkeklerin ≈ 0.0001% kadarı
Protanomali #7e7260 Erkeklerin ≈ 1.08% kadarı
Döteranomali #817561 Erkeklerin ≈ 4.63% kadarı
Tritanomali #8b6f68 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-877161 {
  color: #877161;
}
Arka plan
.bg-877161 {
  background-color: #877161;
  color: #ffffff;
}
Kenarlık
.border-877161 {
  border: 2px solid #877161;
}
CSS değişkenleri
:root {
  --color-primary: #877161;
  --color-primary-rgb: 135 113 97;
  --color-primary-hsl: 25 16% 45%;
}
Geçiş
.gradient-877161 {
  background: linear-gradient(135deg, #877161, #878461);
}
Renkli gölge
.shadow-877161 {
  box-shadow: 0 8px 24px rgb(135 113 97 / 0.35);
}

#9f8170 Beaver ΔE 7.46 #826644 Raw Umber ΔE 7.80 #a67b5b Cafe au Lait ΔE 9.36 #808080 Gray ΔE 12.05 #808080 Grey ΔE 12.05 #696969 Dim Gray ΔE 12.22 #696969 Dim Grey ΔE 12.22 #788e9e Ters renk #757575 Gri tonlama 

Beaver
#877161  rgb(135, 113, 97)  hsl(25, 16%, 45%)  Beaver
#617787  rgb(97, 119, 135)  hsl(205, 16%, 45%)  Slate Gray
#618771  rgb(97, 135, 113)  hsl(145, 16%, 45%)  Viridian
#716187  rgb(113, 97, 135)  hsl(265, 16%, 45%)  Old Lavender