ColorTool
Giriş yap
#684A40

#684a40 ≈ Liver

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

#684a40, “kahverengi” ailesinden bir renktir; açıklığı düşük, doygunluğu düşük. RGB modelinde %40,78 kırmızı, %29,02 yeşil ve %25,1 maviden oluşur; CMYK baskıda %0 camgöbeği, %28,85 macenta, %38,46 sarı ve %59,22 siyah kullanır. Ton açısı 15°, HSL’de doygunluğu %23,81 ve açıklığı %32,94’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,95:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Liver (#674c47), ΔE 2,64.

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

Tamamlayıcı

  1. #684a40
  2. #405e68

Bölünmüş tamamlayıcı

  1. #684a40
  2. #40685e
  3. #404a68

Komşu

  1. #68404a
  2. #684a40
  3. #685e40

Üçlü

  1. #684a40
  2. #40684a
  3. #4a4068

Dörtlü

  1. #684a40
  2. #5e6840
  3. #405e68
  4. #4a4068

Kare

  1. #684a40
  2. #4a6840
  3. #405e68
  4. #5e4068

Tek renkli

  1. #0d0908
  2. #392823
  3. #684a40
  4. #976c5d
  5. #b7958a

Koyu tonlar

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

  1. #684a40
  2. #5e433a
  3. #533b33
  4. #49342d
  5. #3e2c26
  6. #342520
  7. #2a1e1a
  8. #1f1613
  9. #150f0d
  10. #0a0706
  11. #000000

Açık tonlar

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

  1. #684a40
  2. #775c53
  3. #866e66
  4. #958079
  5. #a4928c
  6. #b4a5a0
  7. #c3b7b3
  8. #d2c9c6
  9. #e1dbd9
  10. #f0edec
  11. #ffffff

Tonlar

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

  1. #684a40
  2. #6a4f46
  3. #6d554d
  4. #6f5a53
  5. #72605a
  6. #746560
  7. #766a66
  8. #79706d
  9. #7b7573
  10. #7e7b7a
  11. #808080

Okunaklı metin 7.95:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Okunaklı metin 2.64:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Akromatopsi #515151 Erkeklerin ≈ 0.003% kadarı
Akromatomali #5b4e4b Erkeklerin ≈ 0.001% kadarı
Protanopi #514d3f Erkeklerin ≈ 1.01% kadarı
Döteranopi #585340 Erkeklerin ≈ 1.27% kadarı
Tritanopi #6f4647 Erkeklerin ≈ 0.0001% kadarı
Protanomali #5b4c40 Erkeklerin ≈ 1.08% kadarı
Döteranomali #5f5040 Erkeklerin ≈ 4.63% kadarı
Tritanomali #6c4745 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#674c47 Liver ΔE 2.64 #635147 Umber ΔE 5.40 #6f4e37 Coffee ΔE 5.88 #645452 Wenge ΔE 6.91 #7c4848 Tuscan Red ΔE 8.38 #483c32 Taupe ΔE 10.21 #592720 Caput Mortuum ΔE 11.54 #97b5bf Ters renk #515151 Gri tonlama 

Liver
#684a40  rgb(104, 74, 64)  hsl(15, 24%, 33%)  Liver
#405e68  rgb(64, 94, 104)  hsl(195, 24%, 33%)  Dark Slate Gray
#40684a  rgb(64, 104, 74)  hsl(135, 24%, 33%)  Hunter Green
#4a4068  rgb(74, 64, 104)  hsl(255, 24%, 33%)  Dark Slate Blue