ColorTool
Giriş yap
#5502C2

#5502c2 ≈ Medium Blue

  • mor
  • Açıklık: düşük
  • Doygunluk: canlı
  • Soğuk
Kontrastı denetle Grafikte keşfet Rastgele renk

#5502c2, “mor” ailesinden bir renktir; açıklığı düşük, doygunluğu canlı. RGB modelinde %33,33 kırmızı, %0,78 yeşil ve %76,08 maviden oluşur; CMYK baskıda %56,19 camgöbeği, %98,97 macenta, %0 sarı ve %23,92 siyah kullanır. Ton açısı 265,94°, HSL’de doygunluğu %97,96 ve açıklığı %38,43’dir. Soğuk bir renktir ve çoğunlukla hayal gücü, maneviyat ve lüks 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 9,66:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Medium Blue (#0000cd), ΔE 5,49.

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

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

Tamamlayıcı

  1. #5502c2
  2. #6fc202

Bölünmüş tamamlayıcı

  1. #5502c2
  2. #c2b502
  3. #0fc202

Komşu

  1. #020fc2
  2. #5502c2
  3. #b502c2

Üçlü

  1. #5502c2
  2. #c25502
  3. #02c255

Dörtlü

  1. #5502c2
  2. #c2026f
  3. #6fc202
  4. #02c255

Kare

  1. #5502c2
  2. #c2020f
  3. #6fc202
  4. #02c2b5

Tek renkli

  1. #13002b
  2. #340176
  3. #5502c2
  4. #7914fd
  5. #a460fd

Koyu tonlar

#5502c2 kademeli olarak siyahla karıştırıldı.

  1. #5502c2
  2. #4d02af
  3. #44029b
  4. #3c0188
  5. #330174
  6. #2b0161
  7. #22014e
  8. #1a013a
  9. #110027
  10. #090013
  11. #000000

Açık tonlar

#5502c2 kademeli olarak beyazla karıştırıldı.

  1. #5502c2
  2. #661bc8
  3. #7735ce
  4. #884ed4
  5. #9967da
  6. #aa81e1
  7. #bb9ae7
  8. #ccb3ed
  9. #ddccf3
  10. #eee6f9
  11. #ffffff

Tonlar

#5502c2 kademeli olarak griyle karıştırıldı.

  1. #5502c2
  2. #590fbb
  3. #5e1bb5
  4. #6228ae
  5. #6634a8
  6. #6b41a1
  7. #6f4e9a
  8. #735a94
  9. #77678d
  10. #7c7387
  11. #808080

Okunaklı metin 9.66:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Okunaklı metin 2.17:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Akromatopsi #454545 Erkeklerin ≈ 0.003% kadarı
Akromatomali #4c3589 Erkeklerin ≈ 0.001% kadarı
Protanopi #0048c6 Erkeklerin ≈ 1.01% kadarı
Döteranopi #0040bf Erkeklerin ≈ 1.27% kadarı
Tritanopi #244c71 Erkeklerin ≈ 0.0001% kadarı
Protanomali #0038c5 Erkeklerin ≈ 1.08% kadarı
Döteranomali #0031c0 Erkeklerin ≈ 4.63% kadarı
Tritanomali #3d3b98 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#0000cd Medium Blue ΔE 5.49 #3f00ff Ultramarine ΔE 7.15 #0000ff Blue ΔE 7.31 #5218fa Han Purple ΔE 7.59 #0014a8 Zaffre ΔE 7.79 #6f00ff Electric Indigo ΔE 8.90 #663399 Rebecca Purple ΔE 8.98 #aafd3d Ters renk #454545 Gri tonlama 

Medium Blue
#5502c2  rgb(85, 2, 194)  hsl(266, 98%, 38%)  Medium Blue
#6fc202  rgb(111, 194, 2)  hsl(86, 98%, 38%)  Kelly Green
#c25502  rgb(194, 85, 2)  hsl(26, 98%, 38%)  Burnt Orange
#02c255  rgb(2, 194, 85)  hsl(146, 98%, 38%)  Emerald