ColorTool
Giriş yap
#C702BB

#c702bb ≈ Purpureus

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

#c702bb, “macenta” ailesinden bir renktir; açıklığı düşük, doygunluğu canlı. RGB modelinde %78,04 kırmızı, %0,78 yeşil ve %73,33 maviden oluşur; CMYK baskıda %0 camgöbeği, %98,99 macenta, %6,03 sarı ve %21,96 siyah kullanır. Ton açısı 303,65°, HSL’de doygunluğu %98,01 ve açıklığı %39,41’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,05:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Purpureus (#9a4eae), ΔE 8,87.

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

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

Tamamlayıcı

  1. #c702bb
  2. #02c70e

Bölünmüş tamamlayıcı

  1. #c702bb
  2. #59c702
  3. #02c770

Komşu

  1. #7002c7
  2. #c702bb
  3. #c70259

Üçlü

  1. #c702bb
  2. #bbc702
  3. #02bbc7

Dörtlü

  1. #c702bb
  2. #c70e02
  3. #02c70e
  4. #02bbc7

Kare

  1. #c702bb
  2. #c77002
  3. #02c70e
  4. #0259c7

Tek renkli

  1. #30002d
  2. #7b0174
  3. #c702bb
  4. #fd19ef
  5. #fd65f4

Koyu tonlar

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

  1. #c702bb
  2. #b302a8
  3. #9f0296
  4. #8b0183
  5. #770170
  6. #64015e
  7. #50014b
  8. #3c0138
  9. #280025
  10. #140013
  11. #000000

Açık tonlar

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

  1. #c702bb
  2. #cd1bc2
  3. #d235c9
  4. #d84ecf
  5. #dd67d6
  6. #e381dd
  7. #e99ae4
  8. #eeb3eb
  9. #f4ccf1
  10. #f9e6f8
  11. #ffffff

Tonlar

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

  1. #c702bb
  2. #c00fb5
  3. #b91baf
  4. #b228a9
  5. #ab34a3
  6. #a4419e
  7. #9c4e98
  8. #955a92
  9. #8e678c
  10. #877386
  11. #808080

Okunaklı metin 5.05:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Okunaklı metin 4.15:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Akromatopsi #6f6f6f Erkeklerin ≈ 0.003% kadarı
Akromatomali #9a5793 Erkeklerin ≈ 0.001% kadarı
Protanopi #005fbf Erkeklerin ≈ 1.01% kadarı
Döteranopi #5877b7 Erkeklerin ≈ 1.27% kadarı
Tritanopi #d0306d Erkeklerin ≈ 0.0001% kadarı
Protanomali #814abd Erkeklerin ≈ 1.08% kadarı
Döteranomali #925db9 Erkeklerin ≈ 4.63% kadarı
Tritanomali #cc2493 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#9a4eae Purpureus ΔE 8.87 #9932cc Dark Orchid ΔE 8.99 #ba55d3 Medium Orchid ΔE 9.49 #bf00ff Electric Purple ΔE 9.77 #c71585 Medium Violet Red ΔE 9.88 #9400d3 Dark Violet ΔE 11.14 #fc0fc0 Shocking Pink ΔE 11.62 #38fd44 Ters renk #6f6f6f Gri tonlama 

Purpureus
#c702bb  rgb(199, 2, 187)  hsl(304, 98%, 39%)  Purpureus
#02c70e  rgb(2, 199, 14)  hsl(124, 98%, 39%)  Lime Green
#bbc702  rgb(187, 199, 2)  hsl(64, 98%, 39%)  Pear
#02bbc7  rgb(2, 187, 199)  hsl(184, 98%, 39%)  Dark Turquoise