ColorTool
Giriş yap
#BA67FD

#ba67fd ≈ Heliotrope

  • mor
  • Açıklık: yüksek
  • Doygunluk: güçlü
  • Soğuk
Kontrastı denetle Grafikte keşfet Rastgele renk

#ba67fd, “mor” ailesinden bir renktir; açıklığı yüksek, doygunluğu güçlü. RGB modelinde %72,94 kırmızı, %40,39 yeşil ve %99,22 maviden oluşur; CMYK baskıda %26,48 camgöbeği, %59,29 macenta, %0 sarı ve %0,78 siyah kullanır. Ton açısı 273,2°, HSL’de doygunluğu %97,4 ve açıklığı %69,8’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 siyah metin 6,45:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Heliotrope (#df73ff), ΔE 7,32.

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

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

Tamamlayıcı

  1. #ba67fd
  2. #aafd67

Bölünmüş tamamlayıcı

  1. #ba67fd
  2. #f5fd67
  3. #67fd6f

Komşu

  1. #6f67fd
  2. #ba67fd
  3. #fd67f5

Üçlü

  1. #ba67fd
  2. #fdba67
  3. #67fdba

Dörtlü

  1. #ba67fd
  2. #fd67aa
  3. #aafd67
  4. #67fdba

Kare

  1. #ba67fd
  2. #fd6f67
  3. #aafd67
  4. #67f5fd

Tek renkli

  1. #7003c8
  2. #981bfc
  3. #ba67fd
  4. #dcb2fe
  5. #f6ebff

Koyu tonlar

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

  1. #ba67fd
  2. #a75de4
  3. #9552ca
  4. #8248b1
  5. #703e98
  6. #5d347f
  7. #4a2965
  8. #381f4c
  9. #251533
  10. #130a19
  11. #000000

Açık tonlar

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

  1. #ba67fd
  2. #c176fd
  3. #c885fd
  4. #cf95fe
  5. #d6a4fe
  6. #ddb3fe
  7. #e3c2fe
  8. #ead1fe
  9. #f1e1ff
  10. #f8f0ff
  11. #ffffff

Tonlar

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

  1. #ba67fd
  2. #b46af1
  3. #ae6ce4
  4. #a96fd8
  5. #a371cb
  6. #9d74bf
  7. #9776b2
  8. #9179a6
  9. #8c7b99
  10. #867e8d
  11. #808080

Okunaklı metin 3.26:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Okunaklı metin 6.45:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Akromatopsi #8e8e8e Erkeklerin ≈ 0.003% kadarı
Akromatomali #a280c5 Erkeklerin ≈ 0.001% kadarı
Protanopi #228cff Erkeklerin ≈ 1.01% kadarı
Döteranopi #4c8ffa Erkeklerin ≈ 1.27% kadarı
Tritanopi #af85a9 Erkeklerin ≈ 0.0001% kadarı
Protanomali #7d7fff Erkeklerin ≈ 1.08% kadarı
Döteranomali #8681fb Erkeklerin ≈ 4.63% kadarı
Tritanomali #b47ad0 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-ba67fd {
  color: #ba67fd;
}
Arka plan
.bg-ba67fd {
  background-color: #ba67fd;
  color: #000000;
}
Kenarlık
.border-ba67fd {
  border: 2px solid #ba67fd;
}
CSS değişkenleri
:root {
  --color-primary: #ba67fd;
  --color-primary-rgb: 186 103 253;
  --color-primary-hsl: 273 97% 70%;
}
Geçiş
.gradient-ba67fd {
  background: linear-gradient(135deg, #ba67fd, #fd67f5);
}
Renkli gölge
.shadow-ba67fd {
  box-shadow: 0 8px 24px rgb(186 103 253 / 0.35);
}

#df73ff Heliotrope ΔE 7.32 #b57edc Floral Lavender ΔE 7.56 #ba55d3 Medium Orchid ΔE 7.61 #9370db Medium Purple ΔE 8.02 #9966cc Amethyst ΔE 8.53 #da70d6 Orchid ΔE 10.52 #ff00ff Fuchsia ΔE 11.14 #459802 Ters renk #8e8e8e Gri tonlama 

Heliotrope
#ba67fd  rgb(186, 103, 253)  hsl(273, 97%, 70%)  Heliotrope
#aafd67  rgb(170, 253, 103)  hsl(93, 97%, 70%)  Inchworm
#fdba67  rgb(253, 186, 103)  hsl(33, 97%, 70%)  Pastel Orange
#67fdba  rgb(103, 253, 186)  hsl(153, 97%, 70%)  Aquamarine