ColorTool
Giriş yap
#BB0CA3

#bb0ca3 ≈ Medium Violet Red

  • macenta
  • Açıklık: düşük
  • Doygunluk: güçlü
  • Dengeli
Kontrastı denetle Grafikte keşfet Rastgele renk

#bb0ca3, “macenta” ailesinden bir renktir; açıklığı düşük, doygunluğu güçlü. RGB modelinde %73,33 kırmızı, %4,71 yeşil ve %63,92 maviden oluşur; CMYK baskıda %0 camgöbeği, %93,58 macenta, %12,83 sarı ve %26,67 siyah kullanır. Ton açısı 308,23°, HSL’de doygunluğu %87,94 ve açıklığı %39,02’dir. Sıcak ile soğuk arasında yer alır ve çoğunlukla yaratıcılık, cesaret ve bireysellik ile ilişkilendirilir. Tasarımcılar onu genellikle güzellik ve kozmetik, yaratıcı stüdyolar ve eylem çağrısı düğmeleri 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 Medium Violet Red (#c71585), ΔE 7,34.

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

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

Tamamlayıcı

  1. #bb0ca3
  2. #0cbb24

Bölünmüş tamamlayıcı

  1. #bb0ca3
  2. #4bbb0c
  3. #0cbb7c

Komşu

  1. #7c0cbb
  2. #bb0ca3
  3. #bb0c4b

Üçlü

  1. #bb0ca3
  2. #a3bb0c
  3. #0ca3bb

Dörtlü

  1. #bb0ca3
  2. #bb240c
  3. #0cbb24
  4. #0ca3bb

Kare

  1. #bb0ca3
  2. #bb7c0c
  3. #0cbb24
  4. #0c4bbb

Tek renkli

  1. #2b0326
  2. #730764
  3. #bb0ca3
  4. #f123d5
  5. #f56be2

Koyu tonlar

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

  1. #bb0ca3
  2. #a80b93
  3. #960a82
  4. #830872
  5. #700762
  6. #5e0652
  7. #4b0541
  8. #380431
  9. #250221
  10. #130110
  11. #000000

Açık tonlar

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

  1. #bb0ca3
  2. #c224ac
  3. #c93db5
  4. #cf55bf
  5. #d66dc8
  6. #dd86d1
  7. #e49eda
  8. #ebb6e3
  9. #f1ceed
  10. #f8e7f6
  11. #ffffff

Tonlar

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

  1. #bb0ca3
  2. #b518a0
  3. #af239c
  4. #a92f99
  5. #a33a95
  6. #9e4692
  7. #98528e
  8. #925d8b
  9. #8c6987
  10. #867484
  11. #808080

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

Akromatopsi #676767 Erkeklerin ≈ 0.003% kadarı
Akromatomali #905183 Erkeklerin ≈ 0.001% kadarı
Protanopi #0e57a6 Erkeklerin ≈ 1.01% kadarı
Döteranopi #5a6fa0 Erkeklerin ≈ 1.27% kadarı
Tritanopi #c52560 Erkeklerin ≈ 0.0001% kadarı
Protanomali #7c45a5 Erkeklerin ≈ 1.08% kadarı
Döteranomali #8b58a1 Erkeklerin ≈ 4.63% kadarı
Tritanomali #c11d80 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-bb0ca3 {
  color: #bb0ca3;
}
Arka plan
.bg-bb0ca3 {
  background-color: #bb0ca3;
  color: #ffffff;
}
Kenarlık
.border-bb0ca3 {
  border: 2px solid #bb0ca3;
}
CSS değişkenleri
:root {
  --color-primary: #bb0ca3;
  --color-primary-rgb: 187 12 163;
  --color-primary-hsl: 308 88% 39%;
}
Geçiş
.gradient-bb0ca3 {
  background: linear-gradient(135deg, #bb0ca3, #bb0c4b);
}
Renkli gölge
.shadow-bb0ca3 {
  box-shadow: 0 8px 24px rgb(187 12 163 / 0.35);
}

#c71585 Medium Violet Red ΔE 7.34 #9a4eae Purpureus ΔE 9.03 #8e4585 Deep Plum ΔE 9.69 #8b008b Dark Magenta ΔE 9.99 #9932cc Dark Orchid ΔE 10.15 #880085 Mardi Gras ΔE 10.66 #c54b8c Mulberry ΔE 11.56 #44f35c Ters renk #676767 Gri tonlama 

Medium Violet Red
#bb0ca3  rgb(187, 12, 163)  hsl(308, 88%, 39%)  Medium Violet Red
#0cbb24  rgb(12, 187, 36)  hsl(128, 88%, 39%)  Kelly Green
#a3bb0c  rgb(163, 187, 12)  hsl(68, 88%, 39%)  Apple Green
#0ca3bb  rgb(12, 163, 187)  hsl(188, 88%, 39%)  Bondi Blue