ColorTool
Giriş yap
#7B64BD

#7b64bd ≈ Slate Blue

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

#7b64bd, “mor” ailesinden bir renktir; açıklığı orta, doygunluğu orta. RGB modelinde %48,24 kırmızı, %39,22 yeşil ve %74,12 maviden oluşur; CMYK baskıda %34,92 camgöbeği, %47,09 macenta, %0 sarı ve %25,88 siyah kullanır. Ton açısı 255,51°, HSL’de doygunluğu %40,27 ve açıklığı %56,67’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 marka vurguları için kullanır. Bu renk üzerinde beyaz metin 4,77:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Slate Blue (#6a5acd), ΔE 5,54.

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

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

Tamamlayıcı

  1. #7b64bd
  2. #a6bd64

Bölünmüş tamamlayıcı

  1. #7b64bd
  2. #bda864
  3. #7abd64

Komşu

  1. #647abd
  2. #7b64bd
  3. #a864bd

Üçlü

  1. #7b64bd
  2. #bd7b64
  3. #64bd7b

Dörtlü

  1. #7b64bd
  2. #bd64a6
  3. #a6bd64
  4. #64bd7b

Kare

  1. #7b64bd
  2. #bd647a
  3. #a6bd64
  4. #64bda8

Tek renkli

  1. #37295f
  2. #563f95
  3. #7b64bd
  4. #a99ad4
  5. #d6cfeb

Koyu tonlar

#7b64bd kademeli olarak siyahla karıştırıldı.

  1. #7b64bd
  2. #6f5aaa
  3. #625097
  4. #564684
  5. #4a3c71
  6. #3e325f
  7. #31284c
  8. #251e39
  9. #191426
  10. #0c0a13
  11. #000000

Açık tonlar

#7b64bd kademeli olarak beyazla karıştırıldı.

  1. #7b64bd
  2. #8874c4
  3. #9583ca
  4. #a393d1
  5. #b0a2d7
  6. #bdb2de
  7. #cac1e5
  8. #d7d1eb
  9. #e5e0f2
  10. #f2f0f8
  11. #ffffff

Tonlar

#7b64bd kademeli olarak griyle karıştırıldı.

  1. #7b64bd
  2. #7c67b7
  3. #7c6ab1
  4. #7d6cab
  5. #7d6fa5
  6. #7e729f
  7. #7e7598
  8. #7f7892
  9. #7f7a8c
  10. #807d86
  11. #808080

Okunaklı metin 4.77:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Okunaklı metin 4.4:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Akromatopsi #737373 Erkeklerin ≈ 0.003% kadarı
Akromatomali #766d96 Erkeklerin ≈ 0.001% kadarı
Protanopi #4574c0 Erkeklerin ≈ 1.01% kadarı
Döteranopi #4971bb Erkeklerin ≈ 1.27% kadarı
Tritanopi #6b7587 Erkeklerin ≈ 0.0001% kadarı
Protanomali #5f6ebf Erkeklerin ≈ 1.08% kadarı
Döteranomali #616cbc Erkeklerin ≈ 4.63% kadarı
Tritanomali #726fa0 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-7b64bd {
  color: #7b64bd;
}
Arka plan
.bg-7b64bd {
  background-color: #7b64bd;
  color: #ffffff;
}
Kenarlık
.border-7b64bd {
  border: 2px solid #7b64bd;
}
CSS değişkenleri
:root {
  --color-primary: #7b64bd;
  --color-primary-rgb: 123 100 189;
  --color-primary-hsl: 256 40% 57%;
}
Geçiş
.gradient-7b64bd {
  background: linear-gradient(135deg, #7b64bd, #a864bd);
}
Renkli gölge
.shadow-7b64bd {
  box-shadow: 0 8px 24px rgb(123 100 189 / 0.35);
}

#6a5acd Slate Blue ΔE 5.54 #9966cc Amethyst ΔE 6.54 #7851a9 Royal Purple ΔE 6.68 #9370db Medium Purple ΔE 7.18 #7b68ee Medium Slate Blue ΔE 7.81 #6050dc Majorelle Blue ΔE 9.07 #5a4fcf Iris ΔE 9.21 #849b42 Ters renk #737373 Gri tonlama 

Slate Blue
#7b64bd  rgb(123, 100, 189)  hsl(256, 40%, 57%)  Slate Blue
#a6bd64  rgb(166, 189, 100)  hsl(76, 40%, 57%)  Olivine
#bd7b64  rgb(189, 123, 100)  hsl(16, 40%, 57%)  Cafe au Lait
#64bd7b  rgb(100, 189, 123)  hsl(136, 40%, 57%)  Emerald