ColorTool
Giriş yap
#5F59AE

#5f59ae ≈ Slate Blue

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

#5f59ae, “mavi” ailesinden bir renktir; açıklığı orta, doygunluğu orta. RGB modelinde %37,25 kırmızı, %34,9 yeşil ve %68,24 maviden oluşur; CMYK baskıda %45,4 camgöbeği, %48,85 macenta, %0 sarı ve %31,76 siyah kullanır. Ton açısı 244,24°, HSL’de doygunluğu %34,41 ve açıklığı %51,57’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 beyaz metin 5,95:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Slate Blue (#6a5acd), ΔE 5,2.

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

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

Tamamlayıcı

  1. #5f59ae
  2. #a8ae59

Bölünmüş tamamlayıcı

  1. #5f59ae
  2. #ae8a59
  3. #7dae59

Komşu

  1. #597dae
  2. #5f59ae
  3. #8a59ae

Üçlü

  1. #5f59ae
  2. #ae5f59
  3. #59ae5f

Dörtlü

  1. #5f59ae
  2. #ae59a8
  3. #a8ae59
  4. #59ae5f

Kare

  1. #5f59ae
  2. #ae597d
  3. #a8ae59
  4. #59ae8a

Tek renkli

  1. #27244a
  2. #423d7d
  3. #5f59ae
  4. #918cc7
  5. #c2c0e0

Koyu tonlar

#5f59ae kademeli olarak siyahla karıştırıldı.

  1. #5f59ae
  2. #56509d
  3. #4c478b
  4. #433e7a
  5. #393568
  6. #302d57
  7. #262446
  8. #1d1b34
  9. #131223
  10. #0a0911
  11. #000000

Açık tonlar

#5f59ae kademeli olarak beyazla karıştırıldı.

  1. #5f59ae
  2. #6f6ab6
  3. #7f7abe
  4. #8f8bc6
  5. #9f9bce
  6. #afacd7
  7. #bfbddf
  8. #cfcde7
  9. #dfdeef
  10. #efeef7
  11. #ffffff

Tonlar

#5f59ae kademeli olarak griyle karıştırıldı.

  1. #5f59ae
  2. #625da9
  3. #6661a5
  4. #6965a0
  5. #6c699c
  6. #706d97
  7. #737092
  8. #76748e
  9. #797889
  10. #7d7c85
  11. #808080

Okunaklı metin 5.95:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Okunaklı metin 3.53:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Akromatopsi #646464 Erkeklerin ≈ 0.003% kadarı
Akromatomali #626088 Erkeklerin ≈ 0.001% kadarı
Protanopi #3566b1 Erkeklerin ≈ 1.01% kadarı
Döteranopi #3261ac Erkeklerin ≈ 1.27% kadarı
Tritanopi #456b7b Erkeklerin ≈ 0.0001% kadarı
Protanomali #4961b0 Erkeklerin ≈ 1.08% kadarı
Döteranomali #485ead Erkeklerin ≈ 4.63% kadarı
Tritanomali #516492 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-5f59ae {
  color: #5f59ae;
}
Arka plan
.bg-5f59ae {
  background-color: #5f59ae;
  color: #ffffff;
}
Kenarlık
.border-5f59ae {
  border: 2px solid #5f59ae;
}
CSS değişkenleri
:root {
  --color-primary: #5f59ae;
  --color-primary-rgb: 95 89 174;
  --color-primary-hsl: 244 34% 52%;
}
Geçiş
.gradient-5f59ae {
  background: linear-gradient(135deg, #5f59ae, #8a59ae);
}
Renkli gölge
.shadow-5f59ae {
  box-shadow: 0 8px 24px rgb(95 89 174 / 0.35);
}

#6a5acd Slate Blue ΔE 5.20 #5a4fcf Iris ΔE 6.08 #7851a9 Royal Purple ΔE 6.88 #4f42b5 Ocean Blue ΔE 7.39 #6050dc Majorelle Blue ΔE 7.41 #483d8b Dark Slate Blue ΔE 9.77 #0f52ba Sapphire ΔE 10.14 #a0a651 Ters renk #646464 Gri tonlama 

Slate Blue
#5f59ae  rgb(95, 89, 174)  hsl(244, 34%, 52%)  Slate Blue
#a8ae59  rgb(168, 174, 89)  hsl(64, 34%, 52%)  Dark Khaki
#ae5f59  rgb(174, 95, 89)  hsl(4, 34%, 52%)  Redwood
#59ae5f  rgb(89, 174, 95)  hsl(124, 34%, 52%)  Medium Sea Green