ColorTool
Giriş yap
#7E573C

#7e573c ≈ Coffee

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

#7e573c, “kahverengi” ailesinden bir renktir; açıklığı düşük, doygunluğu orta. RGB modelinde %49,41 kırmızı, %34,12 yeşil ve %23,53 maviden oluşur; CMYK baskıda %0 camgöbeği, %30,95 macenta, %52,38 sarı ve %50,59 siyah kullanır. Ton açısı 24,55°, HSL’de doygunluğu %35,48 ve açıklığı %36,47’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,33:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Coffee (#6f4e37), ΔE 4,14.

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

Tamamlayıcı

  1. #7e573c
  2. #3c637e

Bölünmüş tamamlayıcı

  1. #7e573c
  2. #3c7e78
  3. #3c427e

Komşu

  1. #7e3c42
  2. #7e573c
  3. #7e783c

Üçlü

  1. #7e573c
  2. #3c7e57
  3. #573c7e

Dörtlü

  1. #7e573c
  2. #637e3c
  3. #3c637e
  4. #573c7e

Kare

  1. #7e573c
  2. #427e3c
  3. #3c637e
  4. #783c7e

Tek renkli

  1. #160f0b
  2. #4a3323
  3. #7e573c
  4. #af7b57
  5. #c8a48b

Koyu tonlar

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

  1. #7e573c
  2. #714e36
  3. #654630
  4. #583d2a
  5. #4c3424
  6. #3f2c1e
  7. #322318
  8. #261a12
  9. #19110c
  10. #0d0906
  11. #000000

Açık tonlar

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

  1. #7e573c
  2. #8b6850
  3. #987963
  4. #a58977
  5. #b29a8a
  6. #bfab9e
  7. #cbbcb1
  8. #d8cdc5
  9. #e5ddd8
  10. #f2eeec
  11. #ffffff

Tonlar

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

  1. #7e573c
  2. #7e5b43
  3. #7e5f4a
  4. #7f6350
  5. #7f6757
  6. #7f6c5e
  7. #7f7065
  8. #7f746c
  9. #807872
  10. #807c79
  11. #808080

Okunaklı metin 6.33:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Okunaklı metin 3.32:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Akromatopsi #606060 Erkeklerin ≈ 0.003% kadarı
Akromatomali #6d5c53 Erkeklerin ≈ 0.001% kadarı
Protanopi #625a3a Erkeklerin ≈ 1.01% kadarı
Döteranopi #6b633c Erkeklerin ≈ 1.27% kadarı
Tritanopi #884f50 Erkeklerin ≈ 0.0001% kadarı
Protanomali #6e593b Erkeklerin ≈ 1.08% kadarı
Döteranomali #735e3c Erkeklerin ≈ 4.63% kadarı
Tritanomali #845349 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#6f4e37 Coffee ΔE 4.14 #826644 Raw Umber ΔE 7.19 #80461b Russet ΔE 7.42 #704214 Sepia ΔE 8.70 #8b4513 Saddle Brown ΔE 9.22 #a0522d Sienna ΔE 9.49 #635147 Umber ΔE 9.54 #81a8c3 Ters renk #606060 Gri tonlama 

Coffee
#7e573c  rgb(126, 87, 60)  hsl(25, 35%, 36%)  Coffee
#3c637e  rgb(60, 99, 126)  hsl(205, 35%, 36%)  Sea Blue
#3c7e57  rgb(60, 126, 87)  hsl(145, 35%, 36%)  Sea Green
#573c7e  rgb(87, 60, 126)  hsl(265, 35%, 36%)  Dark Slate Blue