ColorTool
Giriş yap
#AB4B4E

#ab4b4e ≈ Redwood

  • kırmızı
  • Açıklık: orta
  • Doygunluk: orta
  • Sıcak
Kontrastı denetle Grafikte keşfet Rastgele renk

#ab4b4e, “kırmızı” ailesinden bir renktir; açıklığı orta, doygunluğu orta. RGB modelinde %67,06 kırmızı, %29,41 yeşil ve %30,59 maviden oluşur; CMYK baskıda %0 camgöbeği, %56,14 macenta, %54,39 sarı ve %32,94 siyah kullanır. Ton açısı 358,13°, HSL’de doygunluğu %39,02 ve açıklığı %48,24’dir. Sıcak bir renktir ve çoğunlukla enerji, tutku ve aciliyet ile ilişkilendirilir. Tasarımcılar onu genellikle gıda markaları ve restoranlar, indirimler ve kampanyalar ve marka vurguları için kullanır. Bu renk üzerinde beyaz metin 5,46:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Redwood (#a45a52), ΔE 5,12.

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

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

Tamamlayıcı

  1. #ab4b4e
  2. #4baba8

Bölünmüş tamamlayıcı

  1. #ab4b4e
  2. #4bab78
  3. #4b7eab

Komşu

  1. #ab4b7e
  2. #ab4b4e
  3. #ab784b

Üçlü

  1. #ab4b4e
  2. #4eab4b
  3. #4b4eab

Dörtlü

  1. #ab4b4e
  2. #aba84b
  3. #4baba8
  4. #4b4eab

Kare

  1. #ab4b4e
  2. #7eab4b
  3. #4baba8
  4. #784bab

Tek renkli

  1. #411c1d
  2. #763436
  3. #ab4b4e
  4. #c67d7f
  5. #ddb2b3

Koyu tonlar

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

  1. #ab4b4e
  2. #9a4446
  3. #893c3e
  4. #783537
  5. #672d2f
  6. #562627
  7. #441e1f
  8. #331717
  9. #220f10
  10. #110808
  11. #000000

Açık tonlar

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

  1. #ab4b4e
  2. #b35d60
  3. #bc6f71
  4. #c48183
  5. #cd9395
  6. #d5a5a7
  7. #ddb7b8
  8. #e6c9ca
  9. #eedbdc
  10. #f7eded
  11. #ffffff

Tonlar

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

  1. #ab4b4e
  2. #a75053
  3. #a25658
  4. #9e5b5d
  5. #9a6062
  6. #966667
  7. #916b6c
  8. #8d7071
  9. #897576
  10. #847b7b
  11. #808080

Okunaklı metin 5.46:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Okunaklı metin 3.85:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Akromatopsi #696969 Erkeklerin ≈ 0.003% kadarı
Akromatomali #895f60 Erkeklerin ≈ 0.001% kadarı
Protanopi #615d4d Erkeklerin ≈ 1.01% kadarı
Döteranopi #79714c Erkeklerin ≈ 1.27% kadarı
Tritanopi #ba3c4d Erkeklerin ≈ 0.0001% kadarı
Protanomali #85564e Erkeklerin ≈ 1.08% kadarı
Döteranomali #90644d Erkeklerin ≈ 4.63% kadarı
Tritanomali #b4424d Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-ab4b4e {
  color: #ab4b4e;
}
Arka plan
.bg-ab4b4e {
  background-color: #ab4b4e;
  color: #ffffff;
}
Kenarlık
.border-ab4b4e {
  border: 2px solid #ab4b4e;
}
CSS değişkenleri
:root {
  --color-primary: #ab4b4e;
  --color-primary-rgb: 171 75 78;
  --color-primary-hsl: 358 39% 48%;
}
Geçiş
.gradient-ab4b4e {
  background: linear-gradient(135deg, #ab4b4e, #ab784b);
}
Renkli gölge
.shadow-ab4b4e {
  box-shadow: 0 8px 24px rgb(171 75 78 / 0.35);
}

#a45a52 Redwood ΔE 5.12 #cb4154 Brick Red ΔE 6.39 #c41e3a Cardinal ΔE 7.45 #893f45 Cordovan ΔE 8.10 #954535 Chestnut ΔE 8.40 #a52a2a Brown ΔE 8.72 #a52a2a Auburn ΔE 8.72 #54b4b1 Ters renk #696969 Gri tonlama 

Redwood
#ab4b4e  rgb(171, 75, 78)  hsl(358, 39%, 48%)  Redwood
#4baba8  rgb(75, 171, 168)  hsl(178, 39%, 48%)  Verdigris
#4eab4b  rgb(78, 171, 75)  hsl(118, 39%, 48%)  Medium Sea Green
#4b4eab  rgb(75, 78, 171)  hsl(238, 39%, 48%)  Ocean Blue