ColorTool
Giriş yap
#5576D5

#5576d5 ≈ Royal Blue

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

#5576d5, “mavi” ailesinden bir renktir; açıklığı orta, doygunluğu güçlü. RGB modelinde %33,33 kırmızı, %46,27 yeşil ve %83,53 maviden oluşur; CMYK baskıda %60,09 camgöbeği, %44,6 macenta, %0 sarı ve %16,47 siyah kullanır. Ton açısı 224,53°, HSL’de doygunluğu %60,38 ve açıklığı %58,43’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 4,94:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Royal Blue (#4169e1), ΔE 4,71.

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.1969

Tamamlayıcı

  1. #5576d5
  2. #d5b455

Bölünmüş tamamlayıcı

  1. #5576d5
  2. #d57455
  3. #b6d555

Komşu

  1. #55b6d5
  2. #5576d5
  3. #7455d5

Üçlü

  1. #5576d5
  2. #d55576
  3. #76d555

Dörtlü

  1. #5576d5
  2. #b455d5
  3. #d5b455
  4. #76d555

Kare

  1. #5576d5
  2. #d555b6
  3. #d5b455
  4. #55d574

Tek renkli

  1. #1d3374
  2. #2c4eb2
  3. #5576d5
  4. #92a7e4
  5. #d0d9f3

Koyu tonlar

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

  1. #5576d5
  2. #4d6ac0
  3. #445eaa
  4. #3c5395
  5. #334780
  6. #2b3b6b
  7. #222f55
  8. #1a2340
  9. #11182b
  10. #090c15
  11. #000000

Açık tonlar

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

  1. #5576d5
  2. #6684d9
  3. #7791dd
  4. #889fe2
  5. #99ade6
  6. #aabbea
  7. #bbc8ee
  8. #ccd6f2
  9. #dde4f7
  10. #eef1fb
  11. #ffffff

Tonlar

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

  1. #5576d5
  2. #5977cd
  3. #5e78c4
  4. #6279bc
  5. #667ab3
  6. #6b7bab
  7. #6f7ca2
  8. #737d9a
  9. #777e91
  10. #7c7f89
  11. #808080

Okunaklı metin 4.25:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Okunaklı metin 4.94:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Akromatopsi #7b7b7b Erkeklerin ≈ 0.003% kadarı
Akromatomali #6e79a7 Erkeklerin ≈ 0.001% kadarı
Protanopi #4a81d9 Erkeklerin ≈ 1.01% kadarı
Döteranopi #3775d3 Erkeklerin ≈ 1.27% kadarı
Tritanopi #008b9b Erkeklerin ≈ 0.0001% kadarı
Protanomali #4f7dd7 Erkeklerin ≈ 1.08% kadarı
Döteranomali #4576d4 Erkeklerin ≈ 4.63% kadarı
Tritanomali #2c83b5 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#4169e1 Royal Blue ΔE 4.71 #6082b6 Glaucous ΔE 5.29 #0070ff Brandeis Blue ΔE 5.70 #417dc1 Tufts Blue ΔE 6.15 #4166f5 Ultramarine Blue ΔE 6.31 #0073cf True Blue ΔE 7.86 #4682b4 Steel Blue ΔE 8.12 #aa892a Ters renk #7b7b7b Gri tonlama 

Royal Blue
#5576d5  rgb(85, 118, 213)  hsl(225, 60%, 58%)  Royal Blue
#d5b455  rgb(213, 180, 85)  hsl(45, 60%, 58%)  Metallic Gold
#d55576  rgb(213, 85, 118)  hsl(345, 60%, 58%)  Blush
#76d555  rgb(118, 213, 85)  hsl(105, 60%, 58%)  Pastel Green