ColorTool
Giriş yap
#745A45

#745a45 ≈ Coffee

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

#745a45, “kahverengi” ailesinden bir renktir; açıklığı düşük, doygunluğu düşük. RGB modelinde %45,49 kırmızı, %35,29 yeşil ve %27,06 maviden oluşur; CMYK baskıda %0 camgöbeği, %22,41 macenta, %40,52 sarı ve %54,51 siyah kullanır. Ton açısı 26,81°, HSL’de doygunluğu %25,41 ve açıklığı %36,27’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 marka vurguları için kullanır. Bu renk üzerinde beyaz metin 6,38:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Coffee (#6f4e37), ΔE 4,63.

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

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

Tamamlayıcı

  1. #745a45
  2. #455f74

Bölünmüş tamamlayıcı

  1. #745a45
  2. #457471
  3. #454774

Komşu

  1. #744547
  2. #745a45
  3. #747145

Üçlü

  1. #745a45
  2. #45745a
  3. #5a4574

Dörtlü

  1. #745a45
  2. #5f7445
  3. #455f74
  4. #5a4574

Kare

  1. #745a45
  2. #477445
  3. #455f74
  4. #714574

Tek renkli

  1. #14100c
  2. #443528
  3. #745a45
  4. #a27f63
  5. #bfa793

Koyu tonlar

#745a45 kademeli olarak siyahla karıştırıldı.

  1. #745a45
  2. #68513e
  3. #5d4837
  4. #513f30
  5. #463629
  6. #3a2d23
  7. #2e241c
  8. #231b15
  9. #17120e
  10. #0c0907
  11. #000000

Açık tonlar

#745a45 kademeli olarak beyazla karıştırıldı.

  1. #745a45
  2. #826b58
  3. #907b6a
  4. #9e8c7d
  5. #ac9c8f
  6. #baada2
  7. #c7bdb5
  8. #d5cec7
  9. #e3deda
  10. #f1efec
  11. #ffffff

Tonlar

#745a45 kademeli olarak griyle karıştırıldı.

  1. #745a45
  2. #755e4b
  3. #766251
  4. #786557
  5. #79695d
  6. #7a6d63
  7. #7b7168
  8. #7c756e
  9. #7e7874
  10. #7f7c7a
  11. #808080

Okunaklı metin 6.38:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Okunaklı metin 3.29:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Akromatopsi #5f5f5f Erkeklerin ≈ 0.003% kadarı
Akromatomali #685d56 Erkeklerin ≈ 0.001% kadarı
Protanopi #625c44 Erkeklerin ≈ 1.01% kadarı
Döteranopi #686145 Erkeklerin ≈ 1.27% kadarı
Tritanopi #7c5554 Erkeklerin ≈ 0.0001% kadarı
Protanomali #6a5b44 Erkeklerin ≈ 1.08% kadarı
Döteranomali #6d5f45 Erkeklerin ≈ 4.63% kadarı
Tritanomali #79574f Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-745a45 {
  color: #745a45;
}
Arka plan
.bg-745a45 {
  background-color: #745a45;
  color: #ffffff;
}
Kenarlık
.border-745a45 {
  border: 2px solid #745a45;
}
CSS değişkenleri
:root {
  --color-primary: #745a45;
  --color-primary-rgb: 116 90 69;
  --color-primary-hsl: 27 25% 36%;
}
Geçiş
.gradient-745a45 {
  background: linear-gradient(135deg, #745a45, #747145);
}
Renkli gölge
.shadow-745a45 {
  box-shadow: 0 8px 24px rgb(116 90 69 / 0.35);
}

#6f4e37 Coffee ΔE 4.63 #635147 Umber ΔE 6.20 #826644 Raw Umber ΔE 6.40 #674c47 Liver ΔE 9.26 #645452 Wenge ΔE 9.56 #6c541e Field Drab ΔE 10.77 #80461b Russet ΔE 11.08 #8ba5ba Ters renk #5f5f5f Gri tonlama 

Coffee
#745a45  rgb(116, 90, 69)  hsl(27, 25%, 36%)  Coffee
#455f74  rgb(69, 95, 116)  hsl(207, 25%, 36%)  Queen Blue
#45745a  rgb(69, 116, 90)  hsl(147, 25%, 36%)  Viridian
#5a4574  rgb(90, 69, 116)  hsl(267, 25%, 36%)  Dark Slate Blue