ColorTool
Giriş yap
#B05A0D

#b05a0d ≈ Ginger

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

#b05a0d, “kahverengi” ailesinden bir renktir; açıklığı düşük, doygunluğu güçlü. RGB modelinde %69,02 kırmızı, %35,29 yeşil ve %5,1 maviden oluşur; CMYK baskıda %0 camgöbeği, %48,86 macenta, %92,61 sarı ve %30,98 siyah kullanır. Ton açısı 28,34°, HSL’de doygunluğu %86,24 ve açıklığı %37,06’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 eylem çağrısı düğmeleri için kullanır. Bu renk üzerinde beyaz metin 4,87:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Ginger (#b06500), ΔE 5,42.

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

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

Tamamlayıcı

  1. #b05a0d
  2. #0d63b0

Bölünmüş tamamlayıcı

  1. #b05a0d
  2. #0db0ab
  3. #0d12b0

Komşu

  1. #b00d12
  2. #b05a0d
  3. #b0ab0d

Üçlü

  1. #b05a0d
  2. #0db05a
  3. #5a0db0

Dörtlü

  1. #b05a0d
  2. #63b00d
  3. #0d63b0
  4. #5a0db0

Kare

  1. #b05a0d
  2. #12b00d
  3. #0d63b0
  4. #ab0db0

Tek renkli

  1. #221102
  2. #693608
  3. #b05a0d
  4. #ee7f1b
  5. #f3a763

Koyu tonlar

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

  1. #b05a0d
  2. #9e510c
  3. #8d480a
  4. #7b3f09
  5. #6a3608
  6. #582d07
  7. #462405
  8. #351b04
  9. #231203
  10. #120901
  11. #000000

Açık tonlar

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

  1. #b05a0d
  2. #b86b25
  3. #c07b3d
  4. #c88c56
  5. #d09c6e
  6. #d8ad86
  7. #dfbd9e
  8. #e7ceb6
  9. #efdecf
  10. #f7efe7
  11. #ffffff

Tonlar

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

  1. #b05a0d
  2. #ab5e19
  3. #a66224
  4. #a26530
  5. #9d693b
  6. #986d47
  7. #937152
  8. #8e755e
  9. #8a7869
  10. #857c75
  11. #808080

Okunaklı metin 4.87:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Okunaklı metin 4.31:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Akromatopsi #717171 Erkeklerin ≈ 0.003% kadarı
Akromatomali #8f6959 Erkeklerin ≈ 0.001% kadarı
Protanopi #736500 Erkeklerin ≈ 1.01% kadarı
Döteranopi #88790a Erkeklerin ≈ 1.27% kadarı
Tritanopi #c2464d Erkeklerin ≈ 0.0001% kadarı
Protanomali #906101 Erkeklerin ≈ 1.08% kadarı
Döteranomali #9a6e0b Erkeklerin ≈ 4.63% kadarı
Tritanomali #bb4f3d Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-b05a0d {
  color: #b05a0d;
}
Arka plan
.bg-b05a0d {
  background-color: #b05a0d;
  color: #ffffff;
}
Kenarlık
.border-b05a0d {
  border: 2px solid #b05a0d;
}
CSS değişkenleri
:root {
  --color-primary: #b05a0d;
  --color-primary-rgb: 176 90 13;
  --color-primary-hsl: 28 86% 37%;
}
Geçiş
.gradient-b05a0d {
  background: linear-gradient(135deg, #b05a0d, #b0ab0d);
}
Renkli gölge
.shadow-b05a0d {
  box-shadow: 0 8px 24px rgb(176 90 13 / 0.35);
}

#b06500 Ginger ΔE 5.42 #cc5500 Burnt Orange ΔE 6.50 #b87333 Copper ΔE 8.19 #a0522d Sienna ΔE 8.35 #d2691e Chocolate ΔE 8.66 #c04000 Mahogany ΔE 8.94 #996515 Golden Brown ΔE 9.21 #4fa5f2 Ters renk #717171 Gri tonlama 

Ginger
#b05a0d  rgb(176, 90, 13)  hsl(28, 86%, 37%)  Ginger
#0d63b0  rgb(13, 99, 176)  hsl(208, 86%, 37%)  Lapis Lazuli
#0db05a  rgb(13, 176, 90)  hsl(148, 86%, 37%)  Medium Sea Green
#5a0db0  rgb(90, 13, 176)  hsl(268, 86%, 37%)  Medium Blue