ColorTool
Giriş yap
#5C87AF

#5c87af ≈ Steel Blue

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

#5c87af, “gök mavisi” ailesinden bir renktir; açıklığı orta, doygunluğu orta. RGB modelinde %36,08 kırmızı, %52,94 yeşil ve %68,63 maviden oluşur; CMYK baskıda %47,43 camgöbeği, %22,86 macenta, %0 sarı ve %31,37 siyah kullanır. Ton açısı 208,92°, HSL’de doygunluğu %34,16 ve açıklığı %52,35’dir. Soğuk bir renktir ve çoğunlukla açıklık, özgürlük ve huzur 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 5,54:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Steel Blue (#4682b4), ΔE 3,45.

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

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

Tamamlayıcı

  1. #5c87af
  2. #af845c

Bölünmüş tamamlayıcı

  1. #5c87af
  2. #af5c5d
  3. #afae5c

Komşu

  1. #5cafae
  2. #5c87af
  3. #5c5daf

Üçlü

  1. #5c87af
  2. #af5c87
  3. #87af5c

Dörtlü

  1. #5c87af
  2. #845caf
  3. #af845c
  4. #87af5c

Kare

  1. #5c87af
  2. #ae5caf
  3. #af845c
  4. #5daf5c

Tek renkli

  1. #263a4c
  2. #3f6080
  3. #5c87af
  4. #8fadc8
  5. #c3d3e1

Koyu tonlar

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

  1. #5c87af
  2. #537a9e
  3. #4a6c8c
  4. #405f7b
  5. #375169
  6. #2e4458
  7. #253646
  8. #1c2935
  9. #121b23
  10. #090e12
  11. #000000

Açık tonlar

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

  1. #5c87af
  2. #6c93b7
  3. #7d9fbf
  4. #8dabc7
  5. #9db7cf
  6. #aec3d7
  7. #becfdf
  8. #cedbe7
  9. #dee7ef
  10. #eff3f7
  11. #ffffff

Tonlar

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

  1. #5c87af
  2. #6086aa
  3. #6386a6
  4. #6785a1
  5. #6a849c
  6. #6e8498
  7. #728393
  8. #75828e
  9. #798189
  10. #7c8185
  11. #808080

Okunaklı metin 3.79:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Okunaklı metin 5.54:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Akromatopsi #838383 Erkeklerin ≈ 0.003% kadarı
Akromatomali #758597 Erkeklerin ≈ 0.001% kadarı
Protanopi #7788b1 Erkeklerin ≈ 1.01% kadarı
Döteranopi #6c7fae Erkeklerin ≈ 1.27% kadarı
Tritanopi #389094 Erkeklerin ≈ 0.0001% kadarı
Protanomali #6d87b0 Erkeklerin ≈ 1.08% kadarı
Döteranomali #6682af Erkeklerin ≈ 4.63% kadarı
Tritanomali #498da0 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#4682b4 Steel Blue ΔE 3.45 #5d8aa8 Air Force Blue ΔE 3.55 #6082b6 Glaucous ΔE 3.85 #417dc1 Tufts Blue ΔE 5.07 #318ce7 Bleu de France ΔE 6.57 #5b92e5 United Nations Blue ΔE 6.93 #778899 Light Slate Gray ΔE 7.85 #a37850 Ters renk #838383 Gri tonlama 

Steel Blue
#5c87af  rgb(92, 135, 175)  hsl(209, 34%, 52%)  Steel Blue
#af845c  rgb(175, 132, 92)  hsl(29, 34%, 52%)  Cafe au Lait
#af5c87  rgb(175, 92, 135)  hsl(329, 34%, 52%)  Mulberry
#87af5c  rgb(135, 175, 92)  hsl(89, 34%, 52%)  Asparagus