ColorTool
Giriş yap
#AB2F48

#ab2f48 ≈ Vivid Burgundy

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

#ab2f48, “kırmızı” ailesinden bir renktir; açıklığı orta, doygunluğu orta. RGB modelinde %67,06 kırmızı, %18,43 yeşil ve %28,24 maviden oluşur; CMYK baskıda %0 camgöbeği, %72,51 macenta, %57,89 sarı ve %32,94 siyah kullanır. Ton açısı 347,9°, HSL’de doygunluğu %56,88 ve açıklığı %42,75’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 6,5:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Vivid Burgundy (#9f1d35), ΔE 4,91.

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

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

Tamamlayıcı

  1. #ab2f48
  2. #2fab92

Bölünmüş tamamlayıcı

  1. #ab2f48
  2. #2fab54
  3. #2f86ab

Komşu

  1. #ab2f86
  2. #ab2f48
  3. #ab542f

Üçlü

  1. #ab2f48
  2. #48ab2f
  3. #2f48ab

Dörtlü

  1. #ab2f48
  2. #ab922f
  3. #2fab92
  4. #2f48ab

Kare

  1. #ab2f48
  2. #86ab2f
  3. #2fab92
  4. #542fab

Tek renkli

  1. #330e15
  2. #6f1f2f
  3. #ab2f48
  4. #d1566f
  5. #e192a2

Koyu tonlar

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

  1. #ab2f48
  2. #9a2a41
  3. #89263a
  4. #782132
  5. #671c2b
  6. #561824
  7. #44131d
  8. #330e16
  9. #22090e
  10. #110507
  11. #000000

Açık tonlar

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

  1. #ab2f48
  2. #b3445a
  3. #bc596d
  4. #c46d7f
  5. #cd8291
  6. #d597a4
  7. #ddacb6
  8. #e6c1c8
  9. #eed5da
  10. #f7eaed
  11. #ffffff

Tonlar

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

  1. #ab2f48
  2. #a7374e
  3. #a23f53
  4. #9e4759
  5. #9a4f5e
  6. #965864
  7. #91606a
  8. #8d686f
  9. #897075
  10. #84787a
  11. #808080

Okunaklı metin 6.5:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Okunaklı metin 3.23:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Akromatopsi #5e5e5e Erkeklerin ≈ 0.003% kadarı
Akromatomali #844f56 Erkeklerin ≈ 0.001% kadarı
Protanopi #4f4e48 Erkeklerin ≈ 1.01% kadarı
Döteranopi #6f6745 Erkeklerin ≈ 1.27% kadarı
Tritanopi #bb0d39 Erkeklerin ≈ 0.0001% kadarı
Protanomali #7e4348 Erkeklerin ≈ 1.08% kadarı
Döteranomali #8b5646 Erkeklerin ≈ 4.63% kadarı
Tritanomali #b51f40 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#9f1d35 Vivid Burgundy ΔE 4.91 #c41e3a Cardinal ΔE 6.63 #893f45 Cordovan ΔE 7.31 #cb4154 Brick Red ΔE 8.38 #a52a2a Brown ΔE 8.82 #a52a2a Auburn ΔE 8.82 #d71868 Dogwood Rose ΔE 10.10 #54d0b7 Ters renk #5e5e5e Gri tonlama 

Vivid Burgundy
#ab2f48  rgb(171, 47, 72)  hsl(348, 57%, 43%)  Vivid Burgundy
#2fab92  rgb(47, 171, 146)  hsl(168, 57%, 43%)  Persian Green
#48ab2f  rgb(72, 171, 47)  hsl(108, 57%, 43%)  Kelly Green
#2f48ab  rgb(47, 72, 171)  hsl(228, 57%, 43%)  Cobalt Blue