ColorTool
Giriş yap
#5B6DB7

#5b6db7 ≈ Royal Blue

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

#5b6db7, “mavi” ailesinden bir renktir; açıklığı orta, doygunluğu orta. RGB modelinde %35,69 kırmızı, %42,75 yeşil ve %71,76 maviden oluşur; CMYK baskıda %50,27 camgöbeği, %40,44 macenta, %0 sarı ve %28,24 siyah kullanır. Ton açısı 228,26°, HSL’de doygunluğu %38,98 ve açıklığı %53,73’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 4,87:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Royal Blue (#4169e1), ΔE 6,27.

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

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

Tamamlayıcı

  1. #5b6db7
  2. #b7a55b

Bölünmüş tamamlayıcı

  1. #5b6db7
  2. #b7775b
  3. #9bb75b

Komşu

  1. #5b9bb7
  2. #5b6db7
  3. #775bb7

Üçlü

  1. #5b6db7
  2. #b75b6d
  3. #6db75b

Dörtlü

  1. #5b6db7
  2. #a55bb7
  3. #b7a55b
  4. #6db75b

Kare

  1. #5b6db7
  2. #b75b9b
  3. #b7a55b
  4. #5bb777

Tek renkli

  1. #252e54
  2. #3c4b89
  3. #5b6db7
  4. #909cce
  5. #c5cce6

Koyu tonlar

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

  1. #5b6db7
  2. #5262a5
  3. #495792
  4. #404c80
  5. #37416e
  6. #2e375c
  7. #242c49
  8. #1b2137
  9. #121625
  10. #090b12
  11. #000000

Açık tonlar

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

  1. #5b6db7
  2. #6b7cbe
  3. #7c8ac5
  4. #8c99cd
  5. #9da7d4
  6. #adb6db
  7. #bdc5e2
  8. #ced3e9
  9. #dee2f1
  10. #eff0f8
  11. #ffffff

Tonlar

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

  1. #5b6db7
  2. #5f6fb2
  3. #6271ac
  4. #6673a7
  5. #6a75a1
  6. #6e779c
  7. #717896
  8. #757a91
  9. #797c8b
  10. #7c7e86
  11. #808080

Okunaklı metin 4.87:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Okunaklı metin 4.32:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Akromatopsi #717171 Erkeklerin ≈ 0.003% kadarı
Akromatomali #697092 Erkeklerin ≈ 0.001% kadarı
Protanopi #5075ba Erkeklerin ≈ 1.01% kadarı
Döteranopi #466eb5 Erkeklerin ≈ 1.27% kadarı
Tritanopi #347d89 Erkeklerin ≈ 0.0001% kadarı
Protanomali #5572b9 Erkeklerin ≈ 1.08% kadarı
Döteranomali #4f6db6 Erkeklerin ≈ 4.63% kadarı
Tritanomali #47779d Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-5b6db7 {
  color: #5b6db7;
}
Arka plan
.bg-5b6db7 {
  background-color: #5b6db7;
  color: #ffffff;
}
Kenarlık
.border-5b6db7 {
  border: 2px solid #5b6db7;
}
CSS değişkenleri
:root {
  --color-primary: #5b6db7;
  --color-primary-rgb: 91 109 183;
  --color-primary-hsl: 228 39% 54%;
}
Geçiş
.gradient-5b6db7 {
  background: linear-gradient(135deg, #5b6db7, #775bb7);
}
Renkli gölge
.shadow-5b6db7 {
  box-shadow: 0 8px 24px rgb(91 109 183 / 0.35);
}

#4169e1 Royal Blue ΔE 6.27 #436b95 Queen Blue ΔE 7.26 #6082b6 Glaucous ΔE 7.75 #4166f5 Ultramarine Blue ΔE 8.29 #6a5acd Slate Blue ΔE 8.63 #1560bd Denim ΔE 8.84 #417dc1 Tufts Blue ΔE 9.20 #a49248 Ters renk #717171 Gri tonlama 

Royal Blue
#5b6db7  rgb(91, 109, 183)  hsl(228, 39%, 54%)  Royal Blue
#b7a55b  rgb(183, 165, 91)  hsl(48, 39%, 54%)  Brass
#b75b6d  rgb(183, 91, 109)  hsl(348, 39%, 54%)  Rose Gold
#6db75b  rgb(109, 183, 91)  hsl(108, 39%, 54%)  Mantis