ColorTool
Giriş yap
#8A84EB

#8a84eb ≈ Medium Purple

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

#8a84eb, “mavi” ailesinden bir renktir; açıklığı yüksek, doygunluğu orta. RGB modelinde %54,12 kırmızı, %51,76 yeşil ve %92,16 maviden oluşur; CMYK baskıda %41,28 camgöbeği, %43,83 macenta, %0 sarı ve %7,84 siyah kullanır. Ton açısı 243,5°, HSL’de doygunluğu %72,03 ve açıklığı %71,96’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 6,58:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Medium Purple (#9370db), ΔE 7,31.

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

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

Tamamlayıcı

  1. #8a84eb
  2. #e5eb84

Bölünmüş tamamlayıcı

  1. #8a84eb
  2. #ebbe84
  3. #b1eb84

Komşu

  1. #84b1eb
  2. #8a84eb
  3. #be84eb

Üçlü

  1. #8a84eb
  2. #eb8a84
  3. #84eb8a

Dörtlü

  1. #8a84eb
  2. #eb84e5
  3. #e5eb84
  4. #84eb8a

Kare

  1. #8a84eb
  2. #eb84b1
  3. #e5eb84
  4. #84ebbe

Tek renkli

  1. #271eb8
  2. #4b42e0
  3. #8a84eb
  4. #c9c6f6
  5. #eeedfc

Koyu tonlar

#8a84eb kademeli olarak siyahla karıştırıldı.

  1. #8a84eb
  2. #7c77d4
  3. #6e6abc
  4. #615ca5
  5. #534f8d
  6. #454276
  7. #37355e
  8. #292847
  9. #1c1a2f
  10. #0e0d18
  11. #000000

Açık tonlar

#8a84eb kademeli olarak beyazla karıştırıldı.

  1. #8a84eb
  2. #9690ed
  3. #a19def
  4. #ada9f1
  5. #b9b5f3
  6. #c5c2f5
  7. #d0cef7
  8. #dcdaf9
  9. #e8e6fb
  10. #f3f3fd
  11. #ffffff

Tonlar

#8a84eb kademeli olarak griyle karıştırıldı.

  1. #8a84eb
  2. #8984e0
  3. #8883d6
  4. #8783cb
  5. #8682c0
  6. #8582b6
  7. #8482ab
  8. #8381a0
  9. #828195
  10. #81808b
  11. #808080

Okunaklı metin 3.19:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Okunaklı metin 6.58:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Akromatopsi #909090 Erkeklerin ≈ 0.003% kadarı
Akromatomali #8e8bbb Erkeklerin ≈ 0.001% kadarı
Protanopi #5e93ef Erkeklerin ≈ 1.01% kadarı
Döteranopi #5a8de9 Erkeklerin ≈ 1.27% kadarı
Tritanopi #6d99ac Erkeklerin ≈ 0.0001% kadarı
Protanomali #728ded Erkeklerin ≈ 1.08% kadarı
Döteranomali #7089ea Erkeklerin ≈ 4.63% kadarı
Tritanomali #7a91c8 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-8a84eb {
  color: #8a84eb;
}
Arka plan
.bg-8a84eb {
  background-color: #8a84eb;
  color: #000000;
}
Kenarlık
.border-8a84eb {
  border: 2px solid #8a84eb;
}
CSS değişkenleri
:root {
  --color-primary: #8a84eb;
  --color-primary-rgb: 138 132 235;
  --color-primary-hsl: 244 72% 72%;
}
Geçiş
.gradient-8a84eb {
  background: linear-gradient(135deg, #8a84eb, #be84eb);
}
Renkli gölge
.shadow-8a84eb {
  box-shadow: 0 8px 24px rgb(138 132 235 / 0.35);
}

#9370db Medium Purple ΔE 7.31 #7b68ee Medium Slate Blue ΔE 8.51 #6082b6 Glaucous ΔE 10.82 #b57edc Floral Lavender ΔE 10.88 #778899 Light Slate Gray ΔE 11.16 #778899 Light Slate Grey ΔE 11.16 #6495ed Cornflower Blue ΔE 11.19 #757b14 Ters renk #909090 Gri tonlama 

Medium Purple
#8a84eb  rgb(138, 132, 235)  hsl(244, 72%, 72%)  Medium Purple
#e5eb84  rgb(229, 235, 132)  hsl(64, 72%, 72%)  Pastel Yellow
#eb8a84  rgb(235, 138, 132)  hsl(4, 72%, 72%)  Light Coral
#84eb8a  rgb(132, 235, 138)  hsl(124, 72%, 72%)  Light Green