ColorTool
Giriş yap
#B7731A

#b7731a ≈ Copper

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

#b7731a, “kahverengi” ailesinden bir renktir; açıklığı orta, doygunluğu güçlü. RGB modelinde %71,76 kırmızı, %45,1 yeşil ve %10,2 maviden oluşur; CMYK baskıda %0 camgöbeği, %37,16 macenta, %85,79 sarı ve %28,24 siyah kullanır. Ton açısı 34,01°, HSL’de doygunluğu %75,12 ve açıklığı %40,98’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 siyah metin 5,48:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Copper (#b87333), ΔE 4,26.

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

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

Tamamlayıcı

  1. #b7731a
  2. #1a5eb7

Bölünmüş tamamlayıcı

  1. #b7731a
  2. #1aadb7
  3. #241ab7

Komşu

  1. #b7241a
  2. #b7731a
  3. #adb71a

Üçlü

  1. #b7731a
  2. #1ab773
  3. #731ab7

Dörtlü

  1. #b7731a
  2. #5eb71a
  3. #1a5eb7
  4. #731ab7

Kare

  1. #b7731a
  2. #1ab724
  3. #1a5eb7
  4. #b71aad

Tek renkli

  1. #311f07
  2. #744910
  3. #b7731a
  4. #e39a3a
  5. #edbc7d

Koyu tonlar

#b7731a kademeli olarak siyahla karıştırıldı.

  1. #b7731a
  2. #a56817
  3. #925c15
  4. #805112
  5. #6e4510
  6. #5c3a0d
  7. #492e0a
  8. #372308
  9. #251705
  10. #120c03
  11. #000000

Açık tonlar

#b7731a kademeli olarak beyazla karıştırıldı.

  1. #b7731a
  2. #be8131
  3. #c58f48
  4. #cd9d5f
  5. #d4ab76
  6. #dbb98d
  7. #e2c7a3
  8. #e9d5ba
  9. #f1e3d1
  10. #f8f1e8
  11. #ffffff

Tonlar

#b7731a kademeli olarak griyle karıştırıldı.

  1. #b7731a
  2. #b27424
  3. #ac762e
  4. #a77739
  5. #a17843
  6. #9c7a4d
  7. #967b57
  8. #917c61
  9. #8b7d6c
  10. #867f76
  11. #808080

Okunaklı metin 3.83:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Okunaklı metin 5.48:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Akromatopsi #828282 Erkeklerin ≈ 0.003% kadarı
Akromatomali #9a7c68 Erkeklerin ≈ 0.001% kadarı
Protanopi #897903 Erkeklerin ≈ 1.01% kadarı
Döteranopi #99891c Erkeklerin ≈ 1.27% kadarı
Tritanopi #c86363 Erkeklerin ≈ 0.0001% kadarı
Protanomali #9e760f Erkeklerin ≈ 1.08% kadarı
Döteranomali #a6801b Erkeklerin ≈ 4.63% kadarı
Tritanomali #c26a4f Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-b7731a {
  color: #b7731a;
}
Arka plan
.bg-b7731a {
  background-color: #b7731a;
  color: #000000;
}
Kenarlık
.border-b7731a {
  border: 2px solid #b7731a;
}
CSS değişkenleri
:root {
  --color-primary: #b7731a;
  --color-primary-rgb: 183 115 26;
  --color-primary-hsl: 34 75% 41%;
}
Geçiş
.gradient-b7731a {
  background: linear-gradient(135deg, #b7731a, #adb71a);
}
Renkli gölge
.shadow-b7731a {
  box-shadow: 0 8px 24px rgb(183 115 26 / 0.35);
}

#b87333 Copper ΔE 4.26 #b06500 Ginger ΔE 4.78 #cc7722 Ochre ΔE 5.29 #cd7f32 Bronze ΔE 6.11 #cd853f Peru ΔE 7.31 #996515 Golden Brown ΔE 7.97 #b8860b Dark Goldenrod ΔE 9.01 #488ce5 Ters renk #828282 Gri tonlama 

Copper
#b7731a  rgb(183, 115, 26)  hsl(34, 75%, 41%)  Copper
#1a5eb7  rgb(26, 94, 183)  hsl(214, 75%, 41%)  Denim
#1ab773  rgb(26, 183, 115)  hsl(154, 75%, 41%)  Medium Sea Green
#731ab7  rgb(115, 26, 183)  hsl(274, 75%, 41%)  Purple Heart