ColorTool
Giriş yap
#BB103F

#bb103f ≈ Cardinal

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

#bb103f, “gül kırmızısı” ailesinden bir renktir; açıklığı düşük, doygunluğu güçlü. RGB modelinde %73,33 kırmızı, %6,27 yeşil ve %24,71 maviden oluşur; CMYK baskıda %0 camgöbeği, %91,44 macenta, %66,31 sarı ve %26,67 siyah kullanır. Ton açısı 343,51°, HSL’de doygunluğu %84,24 ve açıklığı %39,8’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,44:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Cardinal (#c41e3a), ΔE 4,13.

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

Tamamlayıcı

  1. #bb103f
  2. #10bb8c

Bölünmüş tamamlayıcı

  1. #bb103f
  2. #10bb36
  3. #1094bb

Komşu

  1. #bb1094
  2. #bb103f
  3. #bb3610

Üçlü

  1. #bb103f
  2. #3fbb10
  3. #103fbb

Dörtlü

  1. #bb103f
  2. #bb8c10
  3. #10bb8c
  4. #103fbb

Kare

  1. #bb103f
  2. #94bb10
  3. #10bb8c
  4. #3610bb

Tek renkli

  1. #2e0410
  2. #750a27
  3. #bb103f
  4. #ed2b60
  5. #f37195

Koyu tonlar

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

  1. #bb103f
  2. #a80e39
  3. #960d32
  4. #830b2c
  5. #700a26
  6. #5e0820
  7. #4b0619
  8. #380513
  9. #25030d
  10. #130206
  11. #000000

Açık tonlar

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

  1. #bb103f
  2. #c22852
  3. #c94065
  4. #cf5879
  5. #d6708c
  6. #dd889f
  7. #e49fb2
  8. #ebb7c5
  9. #f1cfd9
  10. #f8e7ec
  11. #ffffff

Tonlar

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

  1. #bb103f
  2. #b51b46
  3. #af264c
  4. #a93253
  5. #a33d59
  6. #9e4860
  7. #985366
  8. #925e6d
  9. #8c6a73
  10. #86757a
  11. #808080

Okunaklı metin 6.44: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 #8d4b54 Erkeklerin ≈ 0.001% kadarı
Protanopi #4b493f Erkeklerin ≈ 1.01% kadarı
Döteranopi #746a3a Erkeklerin ≈ 1.27% kadarı
Tritanopi #ce0028 Erkeklerin ≈ 0.0001% kadarı
Protanomali #873a3f Erkeklerin ≈ 1.08% kadarı
Döteranomali #96543c Erkeklerin ≈ 4.63% kadarı
Tritanomali #c60033 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#c41e3a Cardinal ΔE 4.13 #9f1d35 Vivid Burgundy ΔE 5.29 #cb4154 Brick Red ΔE 8.09 #dc143c Crimson ΔE 8.09 #a52a2a Brown ΔE 8.22 #a52a2a Auburn ΔE 8.22 #e30b5c Raspberry ΔE 9.27 #44efc0 Ters renk #5e5e5e Gri tonlama 

Cardinal
#bb103f  rgb(187, 16, 63)  hsl(344, 84%, 40%)  Cardinal
#10bb8c  rgb(16, 187, 140)  hsl(164, 84%, 40%)  Mint
#3fbb10  rgb(63, 187, 16)  hsl(104, 84%, 40%)  Kelly Green
#103fbb  rgb(16, 63, 187)  hsl(224, 84%, 40%)  Persian Blue