ColorTool
Giriş yap
#C20BB0

#c20bb0 ≈ Medium Violet Red

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

#c20bb0, “macenta” ailesinden bir renktir; açıklığı orta, doygunluğu güçlü. RGB modelinde %76,08 kırmızı, %4,31 yeşil ve %69,02 maviden oluşur; CMYK baskıda %0 camgöbeği, %94,33 macenta, %9,28 sarı ve %23,92 siyah kullanır. Ton açısı 305,9°, HSL’de doygunluğu %89,27 ve açıklığı %40,2’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,29:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Medium Violet Red (#c71585), ΔE 8,54.

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

Tamamlayıcı

  1. #c20bb0
  2. #0bc21d

Bölünmüş tamamlayıcı

  1. #c20bb0
  2. #55c20b
  3. #0bc279

Komşu

  1. #790bc2
  2. #c20bb0
  3. #c20b55

Üçlü

  1. #c20bb0
  2. #b0c20b
  3. #0bb0c2

Dörtlü

  1. #c20bb0
  2. #c21d0b
  3. #0bc21d
  4. #0bb0c2

Kare

  1. #c20bb0
  2. #c2790b
  3. #0bc21d
  4. #0b55c2

Tek renkli

  1. #31032d
  2. #7a076e
  3. #c20bb0
  4. #f327df
  5. #f76fea

Koyu tonlar

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

  1. #c20bb0
  2. #af0a9e
  3. #9b098d
  4. #88087b
  5. #74076a
  6. #610658
  7. #4e0446
  8. #3a0335
  9. #270223
  10. #130112
  11. #000000

Açık tonlar

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

  1. #c20bb0
  2. #c823b8
  3. #ce3cc0
  4. #d454c8
  5. #da6dd0
  6. #e185d8
  7. #e79ddf
  8. #edb6e7
  9. #f3ceef
  10. #f9e7f7
  11. #ffffff

Tonlar

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

  1. #c20bb0
  2. #bb17ab
  3. #b522a6
  4. #ae2ea2
  5. #a83a9d
  6. #a14698
  7. #9a5193
  8. #945d8e
  9. #8d698a
  10. #877485
  11. #808080

Okunaklı metin 5.29:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Okunaklı metin 3.97:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Akromatopsi #6b6b6b Erkeklerin ≈ 0.003% kadarı
Akromatomali #96558c Erkeklerin ≈ 0.001% kadarı
Protanopi #005cb4 Erkeklerin ≈ 1.01% kadarı
Döteranopi #5a74ac Erkeklerin ≈ 1.27% kadarı
Tritanopi #cb2c67 Erkeklerin ≈ 0.0001% kadarı
Protanomali #7f49b2 Erkeklerin ≈ 1.08% kadarı
Döteranomali #905bae Erkeklerin ≈ 4.63% kadarı
Tritanomali #c8228a Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-c20bb0 {
  color: #c20bb0;
}
Arka plan
.bg-c20bb0 {
  background-color: #c20bb0;
  color: #ffffff;
}
Kenarlık
.border-c20bb0 {
  border: 2px solid #c20bb0;
}
CSS değişkenleri
:root {
  --color-primary: #c20bb0;
  --color-primary-rgb: 194 11 176;
  --color-primary-hsl: 306 89% 40%;
}
Geçiş
.gradient-c20bb0 {
  background: linear-gradient(135deg, #c20bb0, #c20b55);
}
Renkli gölge
.shadow-c20bb0 {
  box-shadow: 0 8px 24px rgb(194 11 176 / 0.35);
}

#c71585 Medium Violet Red ΔE 8.54 #9a4eae Purpureus ΔE 8.68 #9932cc Dark Orchid ΔE 9.38 #ba55d3 Medium Orchid ΔE 10.63 #8e4585 Deep Plum ΔE 11.11 #bf00ff Electric Purple ΔE 11.30 #9400d3 Dark Violet ΔE 11.37 #3df44f Ters renk #6b6b6b Gri tonlama 

Medium Violet Red
#c20bb0  rgb(194, 11, 176)  hsl(306, 89%, 40%)  Medium Violet Red
#0bc21d  rgb(11, 194, 29)  hsl(126, 89%, 40%)  Lime Green
#b0c20b  rgb(176, 194, 11)  hsl(66, 89%, 40%)  Apple Green
#0bb0c2  rgb(11, 176, 194)  hsl(186, 89%, 40%)  Verdigris