ColorTool
Giriş yap
#8570F8

#8570f8 ≈ Medium Slate Blue

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

#8570f8, “mavi” ailesinden bir renktir; açıklığı yüksek, doygunluğu güçlü. RGB modelinde %52,16 kırmızı, %43,92 yeşil ve %97,25 maviden oluşur; CMYK baskıda %46,37 camgöbeği, %54,84 macenta, %0 sarı ve %2,75 siyah kullanır. Ton açısı 249,26°, HSL’de doygunluğu %90,67 ve açıklığı %70,59’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 eylem çağrısı düğmeleri için kullanır. Bu renk üzerinde siyah metin 5,67:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Medium Slate Blue (#7b68ee), ΔE 3,16.

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

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

Tamamlayıcı

  1. #8570f8
  2. #e3f870

Bölünmüş tamamlayıcı

  1. #8570f8
  2. #f8c970
  3. #9ff870

Komşu

  1. #709ff8
  2. #8570f8
  3. #c970f8

Üçlü

  1. #8570f8
  2. #f88570
  3. #70f885

Dörtlü

  1. #8570f8
  2. #f870e3
  3. #e3f870
  4. #70f885

Kare

  1. #8570f8
  2. #f8709f
  3. #e3f870
  4. #70f8c9

Tek renkli

  1. #270ac5
  2. #4727f4
  3. #8570f8
  4. #c3b9fc
  5. #eeecfe

Koyu tonlar

#8570f8 kademeli olarak siyahla karıştırıldı.

  1. #8570f8
  2. #7865df
  3. #6a5ac6
  4. #5d4eae
  5. #504395
  6. #43387c
  7. #352d63
  8. #28224a
  9. #1b1632
  10. #0d0b19
  11. #000000

Açık tonlar

#8570f8 kademeli olarak beyazla karıştırıldı.

  1. #8570f8
  2. #917ef9
  3. #9d8df9
  4. #aa9bfa
  5. #b6a9fb
  6. #c2b8fc
  7. #cec6fc
  8. #dad4fd
  9. #e7e2fe
  10. #f3f1fe
  11. #ffffff

Tonlar

#8570f8 kademeli olarak griyle karıştırıldı.

  1. #8570f8
  2. #8572ec
  3. #8473e0
  4. #8475d4
  5. #8376c8
  6. #8378bc
  7. #827ab0
  8. #827ba4
  9. #817d98
  10. #817e8c
  11. #808080

Okunaklı metin 3.7:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Okunaklı metin 5.67:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Akromatopsi #858585 Erkeklerin ≈ 0.003% kadarı
Akromatomali #857dbe Erkeklerin ≈ 0.001% kadarı
Protanopi #1f88fd Erkeklerin ≈ 1.01% kadarı
Döteranopi #1c81f5 Erkeklerin ≈ 1.27% kadarı
Tritanopi #5f8ea9 Erkeklerin ≈ 0.0001% kadarı
Protanomali #5a7ffb Erkeklerin ≈ 1.08% kadarı
Döteranomali #597af6 Erkeklerin ≈ 4.63% kadarı
Tritanomali #7083ce Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-8570f8 {
  color: #8570f8;
}
Arka plan
.bg-8570f8 {
  background-color: #8570f8;
  color: #000000;
}
Kenarlık
.border-8570f8 {
  border: 2px solid #8570f8;
}
CSS değişkenleri
:root {
  --color-primary: #8570f8;
  --color-primary-rgb: 133 112 248;
  --color-primary-hsl: 249 91% 71%;
}
Geçiş
.gradient-8570f8 {
  background: linear-gradient(135deg, #8570f8, #c970f8);
}
Renkli gölge
.shadow-8570f8 {
  box-shadow: 0 8px 24px rgb(133 112 248 / 0.35);
}

#7b68ee Medium Slate Blue ΔE 3.16 #9370db Medium Purple ΔE 5.48 #9966cc Amethyst ΔE 9.12 #4166f5 Ultramarine Blue ΔE 9.92 #6a5acd Slate Blue ΔE 10.32 #4169e1 Royal Blue ΔE 11.37 #b57edc Floral Lavender ΔE 11.99 #7a8f07 Ters renk #858585 Gri tonlama 

Medium Slate Blue
#8570f8  rgb(133, 112, 248)  hsl(249, 91%, 71%)  Medium Slate Blue
#e3f870  rgb(227, 248, 112)  hsl(69, 91%, 71%)  Laser Lemon
#f88570  rgb(248, 133, 112)  hsl(9, 91%, 71%)  Salmon
#70f885  rgb(112, 248, 133)  hsl(129, 91%, 71%)  Mint Green