ColorTool
Giriş yap
#8686D5

#8686d5 ≈ Medium Purple

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

#8686d5, “mavi” ailesinden bir renktir; açıklığı yüksek, doygunluğu orta. RGB modelinde %52,55 kırmızı, %52,55 yeşil ve %83,53 maviden oluşur; CMYK baskıda %37,09 camgöbeği, %37,09 macenta, %0 sarı ve %16,47 siyah kullanır. Ton açısı 240°, HSL’de doygunluğu %48,47 ve açıklığı %68,04’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,38:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Medium Purple (#9370db), ΔE 8,29.

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

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

Tamamlayıcı

  1. #8686d5
  2. #d5d586

Bölünmüş tamamlayıcı

  1. #8686d5
  2. #d5ae86
  3. #aed586

Komşu

  1. #86aed5
  2. #8686d5
  3. #ae86d5

Üçlü

  1. #8686d5
  2. #d58686
  3. #86d586

Dörtlü

  1. #8686d5
  2. #d586d5
  3. #d5d586
  4. #86d586

Kare

  1. #8686d5
  2. #d586ae
  3. #d5d586
  4. #86d5ae

Tek renkli

  1. #323290
  2. #4d4dc1
  3. #8686d5
  4. #bfbfe9
  5. #f0f0fa

Koyu tonlar

#8686d5 kademeli olarak siyahla karıştırıldı.

  1. #8686d5
  2. #7979c0
  3. #6b6baa
  4. #5e5e95
  5. #505080
  6. #43436b
  7. #363655
  8. #282840
  9. #1b1b2b
  10. #0d0d15
  11. #000000

Açık tonlar

#8686d5 kademeli olarak beyazla karıştırıldı.

  1. #8686d5
  2. #9292d9
  3. #9e9edd
  4. #aaaae2
  5. #b6b6e6
  6. #c3c3ea
  7. #cfcfee
  8. #dbdbf2
  9. #e7e7f7
  10. #f3f3fb
  11. #ffffff

Tonlar

#8686d5 kademeli olarak griyle karıştırıldı.

  1. #8686d5
  2. #8585cd
  3. #8585c4
  4. #8484bc
  5. #8484b3
  6. #8383ab
  7. #8282a2
  8. #82829a
  9. #818191
  10. #818189
  11. #808080

Okunaklı metin 3.29:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Okunaklı metin 6.38:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Akromatopsi #8e8e8e Erkeklerin ≈ 0.003% kadarı
Akromatomali #8b8baf Erkeklerin ≈ 0.001% kadarı
Protanopi #6c90d8 Erkeklerin ≈ 1.01% kadarı
Döteranopi #698bd3 Erkeklerin ≈ 1.27% kadarı
Tritanopi #7095a3 Erkeklerin ≈ 0.0001% kadarı
Protanomali #778cd7 Erkeklerin ≈ 1.08% kadarı
Döteranomali #7689d4 Erkeklerin ≈ 4.63% kadarı
Tritanomali #798fb9 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-8686d5 {
  color: #8686d5;
}
Arka plan
.bg-8686d5 {
  background-color: #8686d5;
  color: #000000;
}
Kenarlık
.border-8686d5 {
  border: 2px solid #8686d5;
}
CSS değişkenleri
:root {
  --color-primary: #8686d5;
  --color-primary-rgb: 134 134 213;
  --color-primary-hsl: 240 48% 68%;
}
Geçiş
.gradient-8686d5 {
  background: linear-gradient(135deg, #8686d5, #ae86d5);
}
Renkli gölge
.shadow-8686d5 {
  box-shadow: 0 8px 24px rgb(134 134 213 / 0.35);
}

#9370db Medium Purple ΔE 8.29 #6082b6 Glaucous ΔE 9.23 #9678b6 Purple Mountain Majesty ΔE 9.92 #7b68ee Medium Slate Blue ΔE 10.24 #778899 Light Slate Gray ΔE 10.76 #778899 Light Slate Grey ΔE 10.76 #6495ed Cornflower Blue ΔE 11.00 #79792a Ters renk #8e8e8e Gri tonlama 

Medium Purple
#8686d5  rgb(134, 134, 213)  hsl(240, 48%, 68%)  Medium Purple
#d5d586  rgb(213, 213, 134)  hsl(60, 48%, 68%)  Khaki
#d58686  rgb(213, 134, 134)  hsl(0, 48%, 68%)  Old Rose
#86d586  rgb(134, 213, 134)  hsl(120, 48%, 68%)  Pastel Green