ColorTool
Giriş yap
#7D573E

#7d573e ≈ Coffee

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

#7d573e, “kahverengi” ailesinden bir renktir; açıklığı düşük, doygunluğu düşük. RGB modelinde %49,02 kırmızı, %34,12 yeşil ve %24,31 maviden oluşur; CMYK baskıda %0 camgöbeği, %30,4 macenta, %50,4 sarı ve %50,98 siyah kullanır. Ton açısı 23,81°, HSL’de doygunluğu %33,69 ve açıklığı %36,67’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,35:1 kontrast oranına ulaşır (WCAG AA). 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#666633
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
İkili
Ondalık
Göreli parlaklık0.1152

Tamamlayıcı

  1. #7d573e
  2. #3e647d

Bölünmüş tamamlayıcı

  1. #7d573e
  2. #3e7d77
  3. #3e457d

Komşu

  1. #7d3e45
  2. #7d573e
  3. #7d773e

Üçlü

  1. #7d573e
  2. #3e7d57
  3. #573e7d

Dörtlü

  1. #7d573e
  2. #647d3e
  3. #3e647d
  4. #573e7d

Kare

  1. #7d573e
  2. #457d3e
  3. #3e647d
  4. #773e7d

Tek renkli

  1. #17100b
  2. #4a3325
  3. #7d573e
  4. #ad7b5a
  5. #c7a48d

Koyu tonlar

#7d573e kademeli olarak siyahla karıştırıldı.

  1. #7d573e
  2. #714e38
  3. #644632
  4. #583d2b
  5. #4b3425
  6. #3f2c1f
  7. #322319
  8. #261a13
  9. #19110c
  10. #0d0906
  11. #000000

Açık tonlar

#7d573e kademeli olarak beyazla karıştırıldı.

  1. #7d573e
  2. #8a6851
  3. #977965
  4. #a48978
  5. #b19a8b
  6. #beab9f
  7. #cbbcb2
  8. #d8cdc5
  9. #e5ddd8
  10. #f2eeec
  11. #ffffff

Tonlar

#7d573e kademeli olarak griyle karıştırıldı.

  1. #7d573e
  2. #7d5b45
  3. #7e5f4b
  4. #7e6352
  5. #7e6758
  6. #7f6c5f
  7. #7f7066
  8. #7f746c
  9. #7f7873
  10. #807c79
  11. #808080

Okunaklı metin 6.35:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Okunaklı metin 3.3:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Akromatopsi #5f5f5f Erkeklerin ≈ 0.003% kadarı
Akromatomali #6c5c54 Erkeklerin ≈ 0.001% kadarı
Protanopi #625a3c Erkeklerin ≈ 1.01% kadarı
Döteranopi #6b633e Erkeklerin ≈ 1.27% kadarı
Tritanopi #875051 Erkeklerin ≈ 0.0001% kadarı
Protanomali #6e593d Erkeklerin ≈ 1.08% kadarı
Döteranomali #735e3e Erkeklerin ≈ 4.63% kadarı
Tritanomali #83534a Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-7d573e {
  color: #7d573e;
}
Arka plan
.bg-7d573e {
  background-color: #7d573e;
  color: #ffffff;
}
Kenarlık
.border-7d573e {
  border: 2px solid #7d573e;
}
CSS değişkenleri
:root {
  --color-primary: #7d573e;
  --color-primary-rgb: 125 87 62;
  --color-primary-hsl: 24 34% 37%;
}
Geçiş
.gradient-7d573e {
  background: linear-gradient(135deg, #7d573e, #7d773e);
}
Renkli gölge
.shadow-7d573e {
  box-shadow: 0 8px 24px rgb(125 87 62 / 0.35);
}

#6f4e37 Coffee ΔE 3.89 #826644 Raw Umber ΔE 7.47 #80461b Russet ΔE 7.88 #635147 Umber ΔE 9.01 #704214 Sepia ΔE 9.12 #8b4513 Saddle Brown ΔE 9.68 #a0522d Sienna ΔE 9.78 #82a8c1 Ters renk #5f5f5f Gri tonlama 

Coffee
#7d573e  rgb(125, 87, 62)  hsl(24, 34%, 37%)  Coffee
#3e647d  rgb(62, 100, 125)  hsl(204, 34%, 37%)  Sea Blue
#3e7d57  rgb(62, 125, 87)  hsl(144, 34%, 37%)  Sea Green
#573e7d  rgb(87, 62, 125)  hsl(264, 34%, 37%)  Dark Slate Blue