ColorTool
Giriş yap
#684C3E

#684c3e ≈ Coffee

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

#684c3e, “kahverengi” ailesinden bir renktir; açıklığı düşük, doygunluğu düşük. RGB modelinde %40,78 kırmızı, %29,8 yeşil ve %24,31 maviden oluşur; CMYK baskıda %0 camgöbeği, %26,92 macenta, %40,38 sarı ve %59,22 siyah kullanır. Ton açısı 20°, HSL’de doygunluğu %25,3 ve açıklığı %32,55’dir. Sıcak bir renktir ve çoğunlukla güvenilirlik, sıcaklık ve doğallık ile ilişkilendirilir. Tasarımcılar onu genellikle kafeler ve kahve markaları, rustik ve doğal stiller ve kurumsal kimlikler için kullanır. Bu renk üzerinde beyaz metin 7,8:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Coffee (#6f4e37), ΔE 3,89.

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

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

Tamamlayıcı

  1. #684c3e
  2. #3e5a68

Bölünmüş tamamlayıcı

  1. #684c3e
  2. #3e6861
  3. #3e4568

Komşu

  1. #683e45
  2. #684c3e
  3. #68613e

Üçlü

  1. #684c3e
  2. #3e684c
  3. #4c3e68

Dörtlü

  1. #684c3e
  2. #5a683e
  3. #3e5a68
  4. #4c3e68

Kare

  1. #684c3e
  2. #45683e
  3. #3e5a68
  4. #613e68

Tek renkli

  1. #0d0908
  2. #382921
  3. #684c3e
  4. #986f5b
  5. #b89787

Koyu tonlar

#684c3e kademeli olarak siyahla karıştırıldı.

  1. #684c3e
  2. #5e4438
  3. #533d32
  4. #49352b
  5. #3e2e25
  6. #34261f
  7. #2a1e19
  8. #1f1713
  9. #150f0c
  10. #0a0806
  11. #000000

Açık tonlar

#684c3e kademeli olarak beyazla karıştırıldı.

  1. #684c3e
  2. #775e51
  3. #867065
  4. #958278
  5. #a4948b
  6. #b4a69f
  7. #c3b7b2
  8. #d2c9c5
  9. #e1dbd8
  10. #f0edec
  11. #ffffff

Tonlar

#684c3e kademeli olarak griyle karıştırıldı.

  1. #684c3e
  2. #6a5145
  3. #6d564b
  4. #6f5c52
  5. #726158
  6. #74665f
  7. #766b66
  8. #79706c
  9. #7b7673
  10. #7e7b79
  11. #808080

Okunaklı metin 7.8:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Okunaklı metin 2.69:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Akromatopsi #525252 Erkeklerin ≈ 0.003% kadarı
Akromatomali #5c504b Erkeklerin ≈ 0.001% kadarı
Protanopi #534f3d Erkeklerin ≈ 1.01% kadarı
Döteranopi #5a543e Erkeklerin ≈ 1.27% kadarı
Tritanopi #6f4748 Erkeklerin ≈ 0.0001% kadarı
Protanomali #5c4e3d Erkeklerin ≈ 1.08% kadarı
Döteranomali #60513e Erkeklerin ≈ 4.63% kadarı
Tritanomali #6c4944 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-684c3e {
  color: #684c3e;
}
Arka plan
.bg-684c3e {
  background-color: #684c3e;
  color: #ffffff;
}
Kenarlık
.border-684c3e {
  border: 2px solid #684c3e;
}
CSS değişkenleri
:root {
  --color-primary: #684c3e;
  --color-primary-rgb: 104 76 62;
  --color-primary-hsl: 20 25% 33%;
}
Geçiş
.gradient-684c3e {
  background: linear-gradient(135deg, #684c3e, #68613e);
}
Renkli gölge
.shadow-684c3e {
  box-shadow: 0 8px 24px rgb(104 76 62 / 0.35);
}

#6f4e37 Coffee ΔE 3.89 #635147 Umber ΔE 4.35 #674c47 Liver ΔE 4.51 #645452 Wenge ΔE 7.35 #483c32 Taupe ΔE 9.55 #7c4848 Tuscan Red ΔE 10.46 #704214 Sepia ΔE 10.93 #97b3c1 Ters renk #525252 Gri tonlama 

Coffee
#684c3e  rgb(104, 76, 62)  hsl(20, 25%, 33%)  Coffee
#3e5a68  rgb(62, 90, 104)  hsl(200, 25%, 33%)  Charcoal
#3e684c  rgb(62, 104, 76)  hsl(140, 25%, 33%)  Hunter Green
#4c3e68  rgb(76, 62, 104)  hsl(260, 25%, 33%)  Dark Slate Blue