ColorTool
Giriş yap
#7B69EB

#7b69eb ≈ Medium Slate Blue

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

#7b69eb, “mavi” ailesinden bir renktir; açıklığı yüksek, doygunluğu güçlü. RGB modelinde %48,24 kırmızı, %41,18 yeşil ve %92,16 maviden oluşur; CMYK baskıda %47,66 camgöbeği, %55,32 macenta, %0 sarı ve %7,84 siyah kullanır. Ton açısı 248,31°, HSL’de doygunluğu %76,47 ve açıklığı %66,67’dir. Soğuk bir renktir ve çoğunlukla güven, istikrar ve odak ile ilişkilendirilir. Tasarımcılar onu genellikle teknoloji ürünleri, finans ve bankacılık ve marka vurguları için kullanır. Bu renk üzerinde siyah metin 5,06:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Medium Slate Blue (#7b68ee), ΔE 0,48.

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

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

Tamamlayıcı

  1. #7b69eb
  2. #d9eb69

Bölünmüş tamamlayıcı

  1. #7b69eb
  2. #ebbc69
  3. #98eb69

Komşu

  1. #6998eb
  2. #7b69eb
  3. #bc69eb

Üçlü

  1. #7b69eb
  2. #eb7b69
  3. #69eb7b

Dörtlü

  1. #7b69eb
  2. #eb69d9
  3. #d9eb69
  4. #69eb7b

Kare

  1. #7b69eb
  2. #eb6998
  3. #d9eb69
  4. #69ebbc

Tek renkli

  1. #2a16a5
  2. #4026e2
  3. #7b69eb
  4. #b6adf4
  5. #efedfd

Koyu tonlar

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

  1. #7b69eb
  2. #6f5fd4
  3. #6254bc
  4. #564aa5
  5. #4a3f8d
  6. #3e3576
  7. #312a5e
  8. #252047
  9. #19152f
  10. #0c0b18
  11. #000000

Açık tonlar

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

  1. #7b69eb
  2. #8878ed
  3. #9587ef
  4. #a396f1
  5. #b0a5f3
  6. #bdb4f5
  7. #cac3f7
  8. #d7d2f9
  9. #e5e1fb
  10. #f2f0fd
  11. #ffffff

Tonlar

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

  1. #7b69eb
  2. #7c6be0
  3. #7c6ed6
  4. #7d70cb
  5. #7d72c0
  6. #7e75b6
  7. #7e77ab
  8. #7f79a0
  9. #7f7b95
  10. #807e8b
  11. #808080

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

Akromatopsi #7c7c7c Erkeklerin ≈ 0.003% kadarı
Akromatomali #7c75b4 Erkeklerin ≈ 0.001% kadarı
Protanopi #1780ef Erkeklerin ≈ 1.01% kadarı
Döteranopi #0f79e8 Erkeklerin ≈ 1.27% kadarı
Tritanopi #5486a0 Erkeklerin ≈ 0.0001% kadarı
Protanomali #5278ee Erkeklerin ≈ 1.08% kadarı
Döteranomali #5173e9 Erkeklerin ≈ 4.63% kadarı
Tritanomali #667bc3 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-7b69eb {
  color: #7b69eb;
}
Arka plan
.bg-7b69eb {
  background-color: #7b69eb;
  color: #000000;
}
Kenarlık
.border-7b69eb {
  border: 2px solid #7b69eb;
}
CSS değişkenleri
:root {
  --color-primary: #7b69eb;
  --color-primary-rgb: 123 105 235;
  --color-primary-hsl: 248 76% 67%;
}
Geçiş
.gradient-7b69eb {
  background: linear-gradient(135deg, #7b69eb, #bc69eb);
}
Renkli gölge
.shadow-7b69eb {
  box-shadow: 0 8px 24px rgb(123 105 235 / 0.35);
}

#7b68ee Medium Slate Blue ΔE 0.48 #9370db Medium Purple ΔE 5.85 #6a5acd Slate Blue ΔE 7.01 #4166f5 Ultramarine Blue ΔE 8.06 #9966cc Amethyst ΔE 8.54 #6050dc Majorelle Blue ΔE 8.86 #4169e1 Royal Blue ΔE 9.38 #849614 Ters renk #7c7c7c Gri tonlama 

Medium Slate Blue
#7b69eb  rgb(123, 105, 235)  hsl(248, 76%, 67%)  Medium Slate Blue
#d9eb69  rgb(217, 235, 105)  hsl(68, 76%, 67%)  Pear
#eb7b69  rgb(235, 123, 105)  hsl(8, 76%, 67%)  Salmon
#69eb7b  rgb(105, 235, 123)  hsl(128, 76%, 67%)  Pastel Green