ColorTool
Giriş yap
#B22C04

#b22c04 ≈ Rufous

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

#b22c04, “kahverengi” ailesinden bir renktir; açıklığı düşük, doygunluğu güçlü. RGB modelinde %69,8 kırmızı, %17,25 yeşil ve %1,57 maviden oluşur; CMYK baskıda %0 camgöbeği, %75,28 macenta, %97,75 sarı ve %30,2 siyah kullanır. Ton açısı 13,79°, HSL’de doygunluğu %95,6 ve açıklığı %35,69’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 6,45:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Rufous (#a81c07), ΔE 4,04.

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

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

Tamamlayıcı

  1. #b22c04
  2. #048ab2

Bölünmüş tamamlayıcı

  1. #b22c04
  2. #04b283
  3. #0433b2

Komşu

  1. #b20433
  2. #b22c04
  3. #b28304

Üçlü

  1. #b22c04
  2. #04b22c
  3. #2c04b2

Dörtlü

  1. #b22c04
  2. #8ab204
  3. #048ab2
  4. #2c04b2

Kare

  1. #b22c04
  2. #33b204
  3. #048ab2
  4. #8304b2

Tek renkli

  1. #1c0701
  2. #671a02
  3. #b22c04
  4. #f94009
  5. #fb7a54

Koyu tonlar

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

  1. #b22c04
  2. #a02804
  3. #8e2303
  4. #7d1f03
  5. #6b1a02
  6. #591602
  7. #471202
  8. #350d01
  9. #240901
  10. #120400
  11. #000000

Açık tonlar

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

  1. #b22c04
  2. #ba411d
  3. #c15636
  4. #c96b4f
  5. #d18068
  6. #d99682
  7. #e0ab9b
  8. #e8c0b4
  9. #f0d5cd
  10. #f7eae6
  11. #ffffff

Tonlar

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

  1. #b22c04
  2. #ad3410
  3. #a83d1d
  4. #a34529
  5. #9e4e36
  6. #995642
  7. #945e4e
  8. #8f675b
  9. #8a6f67
  10. #857874
  11. #808080

Okunaklı metin 6.45:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Okunaklı metin 3.26:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Akromatopsi #5e5e5e Erkeklerin ≈ 0.003% kadarı
Akromatomali #884f4a Erkeklerin ≈ 0.001% kadarı
Protanopi #564b00 Erkeklerin ≈ 1.01% kadarı
Döteranopi #776900 Erkeklerin ≈ 1.27% kadarı
Tritanopi #c50027 Erkeklerin ≈ 0.0001% kadarı
Protanomali #854100 Erkeklerin ≈ 1.08% kadarı
Döteranomali #925700 Erkeklerin ≈ 4.63% kadarı
Tritanomali #be0b1d Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-b22c04 {
  color: #b22c04;
}
Arka plan
.bg-b22c04 {
  background-color: #b22c04;
  color: #ffffff;
}
Kenarlık
.border-b22c04 {
  border: 2px solid #b22c04;
}
CSS değişkenleri
:root {
  --color-primary: #b22c04;
  --color-primary-rgb: 178 44 4;
  --color-primary-hsl: 14 96% 36%;
}
Geçiş
.gradient-b22c04 {
  background: linear-gradient(135deg, #b22c04, #b28304);
}
Renkli gölge
.shadow-b22c04 {
  box-shadow: 0 8px 24px rgb(178 44 4 / 0.35);
}

#a81c07 Rufous ΔE 4.04 #b7410e Rust ΔE 4.66 #c04000 Mahogany ΔE 6.04 #d40000 Rosso Corsa ΔE 6.36 #b31b1b Cornell Red ΔE 6.55 #c80815 Venetian Red ΔE 6.60 #cb410b Sinopia ΔE 7.32 #4dd3fb Ters renk #5e5e5e Gri tonlama 

Rufous
#b22c04  rgb(178, 44, 4)  hsl(14, 96%, 36%)  Rufous
#048ab2  rgb(4, 138, 178)  hsl(194, 96%, 36%)  Bondi Blue
#04b22c  rgb(4, 178, 44)  hsl(134, 96%, 36%)  Kelly Green
#2c04b2  rgb(44, 4, 178)  hsl(254, 96%, 36%)  Zaffre