ColorTool
Giriş yap
#A306BB

#a306bb ≈ Dark Violet

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

#a306bb, “macenta” ailesinden bir renktir; açıklığı düşük, doygunluğu güçlü. RGB modelinde %63,92 kırmızı, %2,35 yeşil ve %73,33 maviden oluşur; CMYK baskıda %12,83 camgöbeği, %96,79 macenta, %0 sarı ve %26,67 siyah kullanır. Ton açısı 292,04°, HSL’de doygunluğu %93,78 ve açıklığı %37,84’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 6,36:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Dark Violet (#9400d3), ΔE 4,77.

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

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

Tamamlayıcı

  1. #a306bb
  2. #1ebb06

Bölünmüş tamamlayıcı

  1. #a306bb
  2. #79bb06
  3. #06bb48

Komşu

  1. #4806bb
  2. #a306bb
  3. #bb0679

Üçlü

  1. #a306bb
  2. #bba306
  3. #06bba3

Dörtlü

  1. #a306bb
  2. #bb061e
  3. #1ebb06
  4. #06bba3

Kare

  1. #a306bb
  2. #bb4806
  3. #1ebb06
  4. #0679bb

Tek renkli

  1. #220127
  2. #620471
  3. #a306bb
  4. #da16f8
  5. #e560fa

Koyu tonlar

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

  1. #a306bb
  2. #9305a8
  3. #820596
  4. #720483
  5. #620470
  6. #52035e
  7. #41024b
  8. #310238
  9. #210125
  10. #100113
  11. #000000

Açık tonlar

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

  1. #a306bb
  2. #ac1fc2
  3. #b538c9
  4. #bf51cf
  5. #c86ad6
  6. #d183dd
  7. #da9be4
  8. #e3b4eb
  9. #edcdf1
  10. #f6e6f8
  11. #ffffff

Tonlar

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

  1. #a306bb
  2. #a012b5
  3. #9c1eaf
  4. #992ba9
  5. #9537a3
  6. #92439e
  7. #8e4f98
  8. #8b5b92
  9. #87688c
  10. #847486
  11. #808080

Okunaklı metin 6.36:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Okunaklı metin 3.3:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Akromatopsi #5f5f5f Erkeklerin ≈ 0.003% kadarı
Akromatomali #804b8d Erkeklerin ≈ 0.001% kadarı
Protanopi #0056bf Erkeklerin ≈ 1.01% kadarı
Döteranopi #2a64b8 Erkeklerin ≈ 1.27% kadarı
Tritanopi #a43d6d Erkeklerin ≈ 0.0001% kadarı
Protanomali #6143bd Erkeklerin ≈ 1.08% kadarı
Döteranomali #6f4eb9 Erkeklerin ≈ 4.63% kadarı
Tritanomali #a42f93 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#9400d3 Dark Violet ΔE 4.77 #9932cc Dark Orchid ΔE 4.78 #8a2be2 Blue Violet ΔE 7.77 #8b008b Dark Magenta ΔE 8.17 #9a4eae Purpureus ΔE 8.91 #9f00ff Vivid Violet ΔE 9.18 #880085 Mardi Gras ΔE 9.21 #5cf944 Ters renk #5f5f5f Gri tonlama 

Dark Violet
#a306bb  rgb(163, 6, 187)  hsl(292, 94%, 38%)  Dark Violet
#1ebb06  rgb(30, 187, 6)  hsl(112, 94%, 38%)  Kelly Green
#bba306  rgb(187, 163, 6)  hsl(52, 94%, 38%)  Brass
#06bba3  rgb(6, 187, 163)  hsl(172, 94%, 38%)  Light Sea Green