ColorTool
Giriş yap
#BB124A

#bb124a ≈ Vivid Burgundy

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

#bb124a, “gül kırmızısı” ailesinden bir renktir; açıklığı orta, doygunluğu güçlü. RGB modelinde %73,33 kırmızı, %7,06 yeşil ve %29,02 maviden oluşur; CMYK baskıda %0 camgöbeği, %90,37 macenta, %60,43 sarı ve %26,67 siyah kullanır. Ton açısı 340,12°, HSL’de doygunluğu %82,44 ve açıklığı %40,2’dir. Sıcak bir renktir ve çoğunlukla romantizm, oyunculuk ve sevgi ile ilişkilendirilir. Tasarımcılar onu genellikle gıda markaları ve restoranlar, indirimler ve kampanyalar ve eylem çağrısı düğmeleri için kullanır. Bu renk üzerinde beyaz metin 6,37:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Vivid Burgundy (#9f1d35), ΔE 6,76.

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

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

Tamamlayıcı

  1. #bb124a
  2. #12bb83

Bölünmüş tamamlayıcı

  1. #bb124a
  2. #12bb2f
  3. #129fbb

Komşu

  1. #bb129f
  2. #bb124a
  3. #bb2f12

Üçlü

  1. #bb124a
  2. #4abb12
  3. #124abb

Dörtlü

  1. #bb124a
  2. #bb8312
  3. #12bb83
  4. #124abb

Kare

  1. #bb124a
  2. #9fbb12
  3. #12bb83
  4. #2f12bb

Tek renkli

  1. #2f0513
  2. #750b2e
  3. #bb124a
  4. #eb2f6d
  5. #f2749e

Koyu tonlar

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

  1. #bb124a
  2. #a81043
  3. #960e3b
  4. #830d34
  5. #700b2c
  6. #5e0925
  7. #4b071e
  8. #380516
  9. #25040f
  10. #130207
  11. #000000

Açık tonlar

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

  1. #bb124a
  2. #c22a5c
  3. #c9416e
  4. #cf5980
  5. #d67192
  6. #dd89a5
  7. #e4a0b7
  8. #ebb8c9
  9. #f1d0db
  10. #f8e7ed
  11. #ffffff

Tonlar

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

  1. #bb124a
  2. #b51d4f
  3. #af2855
  4. #a9335a
  5. #a33e60
  6. #9e4965
  7. #98546a
  8. #925f70
  9. #8c6a75
  10. #86757b
  11. #808080

Okunaklı metin 6.37:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Okunaklı metin 3.3:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Akromatopsi #5f5f5f Erkeklerin ≈ 0.003% kadarı
Akromatomali #8d4c57 Erkeklerin ≈ 0.001% kadarı
Protanopi #4a4a4b Erkeklerin ≈ 1.01% kadarı
Döteranopi #736b46 Erkeklerin ≈ 1.27% kadarı
Tritanopi #cd002e Erkeklerin ≈ 0.0001% kadarı
Protanomali #863b4a Erkeklerin ≈ 1.08% kadarı
Döteranomali #955547 Erkeklerin ≈ 4.63% kadarı
Tritanomali #c6003b Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-bb124a {
  color: #bb124a;
}
Arka plan
.bg-bb124a {
  background-color: #bb124a;
  color: #ffffff;
}
Kenarlık
.border-bb124a {
  border: 2px solid #bb124a;
}
CSS değişkenleri
:root {
  --color-primary: #bb124a;
  --color-primary-rgb: 187 18 74;
  --color-primary-hsl: 340 82% 40%;
}
Geçiş
.gradient-bb124a {
  background: linear-gradient(135deg, #bb124a, #bb2f12);
}
Renkli gölge
.shadow-bb124a {
  box-shadow: 0 8px 24px rgb(187 18 74 / 0.35);
}

#9f1d35 Vivid Burgundy ΔE 6.76 #c41e3a Cardinal ΔE 6.89 #d71868 Dogwood Rose ΔE 7.83 #e0115f Ruby ΔE 7.98 #e30b5c Raspberry ΔE 8.29 #cb4154 Brick Red ΔE 8.54 #de3163 Cerise ΔE 9.46 #44edb5 Ters renk #5f5f5f Gri tonlama 

Vivid Burgundy
#bb124a  rgb(187, 18, 74)  hsl(340, 82%, 40%)  Vivid Burgundy
#12bb83  rgb(18, 187, 131)  hsl(160, 82%, 40%)  Mint
#4abb12  rgb(74, 187, 18)  hsl(100, 82%, 40%)  Kelly Green
#124abb  rgb(18, 74, 187)  hsl(220, 82%, 40%)  Cobalt Blue