ColorTool
Giriş yap
#684A3C

#684a3c ≈ Coffee

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

#684a3c, “kahverengi” ailesinden bir renktir; açıklığı düşük, doygunluğu düşük. RGB modelinde %40,78 kırmızı, %29,02 yeşil ve %23,53 maviden oluşur; CMYK baskıda %0 camgöbeği, %28,85 macenta, %42,31 sarı ve %59,22 siyah kullanır. Ton açısı 19,09°, HSL’de doygunluğu %26,83 ve açıklığı %32,16’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,97:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Coffee (#6f4e37), ΔE 4,03.

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

Tamamlayıcı

  1. #684a3c
  2. #3c5a68

Bölünmüş tamamlayıcı

  1. #684a3c
  2. #3c6860
  3. #3c4468

Komşu

  1. #683c44
  2. #684a3c
  3. #68603c

Üçlü

  1. #684a3c
  2. #3c684a
  3. #4a3c68

Dörtlü

  1. #684a3c
  2. #5a683c
  3. #3c5a68
  4. #4a3c68

Kare

  1. #684a3c
  2. #44683c
  3. #3c5a68
  4. #603c68

Tek renkli

  1. #0d0907
  2. #372720
  3. #684a3c
  4. #996d58
  5. #b89585

Koyu tonlar

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

  1. #684a3c
  2. #5e4336
  3. #533b30
  4. #49342a
  5. #3e2c24
  6. #34251e
  7. #2a1e18
  8. #1f1612
  9. #150f0c
  10. #0a0706
  11. #000000

Açık tonlar

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

  1. #684a3c
  2. #775c50
  3. #866e63
  4. #958077
  5. #a4928a
  6. #b4a59e
  7. #c3b7b1
  8. #d2c9c5
  9. #e1dbd8
  10. #f0edec
  11. #ffffff

Tonlar

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

  1. #684a3c
  2. #6a4f43
  3. #6d554a
  4. #6f5a50
  5. #726057
  6. #74655e
  7. #766a65
  8. #79706c
  9. #7b7572
  10. #7e7b79
  11. #808080

Okunaklı metin 7.97:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Okunaklı metin 2.63:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Akromatopsi #515151 Erkeklerin ≈ 0.003% kadarı
Akromatomali #5b4e49 Erkeklerin ≈ 0.001% kadarı
Protanopi #524d3b Erkeklerin ≈ 1.01% kadarı
Döteranopi #59533c Erkeklerin ≈ 1.27% kadarı
Tritanopi #6f4546 Erkeklerin ≈ 0.0001% kadarı
Protanomali #5b4c3b Erkeklerin ≈ 1.08% kadarı
Döteranomali #5f503c Erkeklerin ≈ 4.63% kadarı
Tritanomali #6d4742 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-684a3c {
  color: #684a3c;
}
Arka plan
.bg-684a3c {
  background-color: #684a3c;
  color: #ffffff;
}
Kenarlık
.border-684a3c {
  border: 2px solid #684a3c;
}
CSS değişkenleri
:root {
  --color-primary: #684a3c;
  --color-primary-rgb: 104 74 60;
  --color-primary-hsl: 19 27% 32%;
}
Geçiş
.gradient-684a3c {
  background: linear-gradient(135deg, #684a3c, #68603c);
}
Renkli gölge
.shadow-684a3c {
  box-shadow: 0 8px 24px rgb(104 74 60 / 0.35);
}

#6f4e37 Coffee ΔE 4.03 #674c47 Liver ΔE 4.47 #635147 Umber ΔE 5.21 #645452 Wenge ΔE 7.91 #483c32 Taupe ΔE 9.83 #7c4848 Tuscan Red ΔE 9.87 #704214 Sepia ΔE 10.70 #97b5c3 Ters renk #515151 Gri tonlama 

Coffee
#684a3c  rgb(104, 74, 60)  hsl(19, 27%, 32%)  Coffee
#3c5a68  rgb(60, 90, 104)  hsl(199, 27%, 32%)  Charcoal
#3c684a  rgb(60, 104, 74)  hsl(139, 27%, 32%)  Hunter Green
#4a3c68  rgb(74, 60, 104)  hsl(259, 27%, 32%)  Dark Slate Blue