ColorTool
Giriş yap
#AB4550

#ab4550 ≈ Brick Red

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

#ab4550, “kırmızı” ailesinden bir renktir; açıklığı orta, doygunluğu orta. RGB modelinde %67,06 kırmızı, %27,06 yeşil ve %31,37 maviden oluşur; CMYK baskıda %0 camgöbeği, %59,65 macenta, %53,22 sarı ve %32,94 siyah kullanır. Ton açısı 353,53°, HSL’de doygunluğu %42,5 ve açıklığı %47,06’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,68:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Brick Red (#cb4154), ΔE 6,26.

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

Tamamlayıcı

  1. #ab4550
  2. #45aba0

Bölünmüş tamamlayıcı

  1. #ab4550
  2. #45ab6d
  3. #4583ab

Komşu

  1. #ab4583
  2. #ab4550
  3. #ab6d45

Üçlü

  1. #ab4550
  2. #50ab45
  3. #4550ab

Dörtlü

  1. #ab4550
  2. #aba045
  3. #45aba0
  4. #4550ab

Kare

  1. #ab4550
  2. #83ab45
  3. #45aba0
  4. #6d45ab

Tek renkli

  1. #3e191d
  2. #742f37
  3. #ab4550
  4. #c7757e
  5. #ddacb1

Koyu tonlar

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

  1. #ab4550
  2. #9a3e48
  3. #893740
  4. #783038
  5. #672930
  6. #562328
  7. #441c20
  8. #331518
  9. #220e10
  10. #110708
  11. #000000

Açık tonlar

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

  1. #ab4550
  2. #b35862
  3. #bc6a73
  4. #c47d85
  5. #cd8f96
  6. #d5a2a8
  7. #ddb5b9
  8. #e6c7cb
  9. #eedadc
  10. #f7ecee
  11. #ffffff

Tonlar

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

  1. #ab4550
  2. #a74b55
  3. #a2515a
  4. #9e575e
  5. #9a5d63
  6. #966368
  7. #91686d
  8. #8d6e72
  9. #897476
  10. #847a7b
  11. #808080

Okunaklı metin 5.68:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Okunaklı metin 3.7:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Akromatopsi #676767 Erkeklerin ≈ 0.003% kadarı
Akromatomali #875b5e Erkeklerin ≈ 0.001% kadarı
Protanopi #5c5a50 Erkeklerin ≈ 1.01% kadarı
Döteranopi #766f4e Erkeklerin ≈ 1.27% kadarı
Tritanopi #ba3549 Erkeklerin ≈ 0.0001% kadarı
Protanomali #835250 Erkeklerin ≈ 1.08% kadarı
Döteranomali #8e614f Erkeklerin ≈ 4.63% kadarı
Tritanomali #b43c4c Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-ab4550 {
  color: #ab4550;
}
Arka plan
.bg-ab4550 {
  background-color: #ab4550;
  color: #ffffff;
}
Kenarlık
.border-ab4550 {
  border: 2px solid #ab4550;
}
CSS değişkenleri
:root {
  --color-primary: #ab4550;
  --color-primary-rgb: 171 69 80;
  --color-primary-hsl: 354 43% 47%;
}
Geçiş
.gradient-ab4550 {
  background: linear-gradient(135deg, #ab4550, #ab6d45);
}
Renkli gölge
.shadow-ab4550 {
  box-shadow: 0 8px 24px rgb(171 69 80 / 0.35);
}

#cb4154 Brick Red ΔE 6.26 #c41e3a Cardinal ΔE 7.19 #893f45 Cordovan ΔE 7.31 #a45a52 Redwood ΔE 7.40 #9f1d35 Vivid Burgundy ΔE 8.16 #a52a2a Brown ΔE 9.24 #a52a2a Auburn ΔE 9.24 #54baaf Ters renk #676767 Gri tonlama 

Brick Red
#ab4550  rgb(171, 69, 80)  hsl(354, 43%, 47%)  Brick Red
#45aba0  rgb(69, 171, 160)  hsl(174, 43%, 47%)  Light Sea Green
#50ab45  rgb(80, 171, 69)  hsl(114, 43%, 47%)  Kelly Green
#4550ab  rgb(69, 80, 171)  hsl(234, 43%, 47%)  Ocean Blue