ColorTool
Giriş yap
#187CB9

#187cb9 ≈ Steel Blue

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

#187cb9, “gök mavisi” ailesinden bir renktir; açıklığı orta, doygunluğu güçlü. RGB modelinde %9,41 kırmızı, %48,63 yeşil ve %72,55 maviden oluşur; CMYK baskıda %87,03 camgöbeği, %32,97 macenta, %0 sarı ve %27,45 siyah kullanır. Ton açısı 202,73°, HSL’de doygunluğu %77,03 ve açıklığı %40,98’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 4,62:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Steel Blue (#4682b4), ΔE 3,97.

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

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

Tamamlayıcı

  1. #187cb9
  2. #b95518

Bölünmüş tamamlayıcı

  1. #187cb9
  2. #b9182c
  3. #b9a518

Komşu

  1. #18b9a5
  2. #187cb9
  3. #182cb9

Üçlü

  1. #187cb9
  2. #b9187c
  3. #7cb918

Dörtlü

  1. #187cb9
  2. #5518b9
  3. #b95518
  4. #7cb918

Kare

  1. #187cb9
  2. #a518b9
  3. #b95518
  4. #2cb918

Tek renkli

  1. #062132
  2. #0f4f75
  3. #187cb9
  4. #38a4e5
  5. #7cc3ee

Koyu tonlar

#187cb9 kademeli olarak siyahla karıştırıldı.

  1. #187cb9
  2. #1670a7
  3. #136394
  4. #115782
  5. #0e4a6f
  6. #0c3e5d
  7. #0a324a
  8. #072538
  9. #051925
  10. #020c13
  11. #000000

Açık tonlar

#187cb9 kademeli olarak beyazla karıştırıldı.

  1. #187cb9
  2. #2f89c0
  3. #4696c7
  4. #5da3ce
  5. #74b0d5
  6. #8cbedc
  7. #a3cbe3
  8. #bad8ea
  9. #d1e5f1
  10. #e8f2f8
  11. #ffffff

Tonlar

#187cb9 kademeli olarak griyle karıştırıldı.

  1. #187cb9
  2. #227cb3
  3. #2d7dae
  4. #377da8
  5. #427ea2
  6. #4c7e9d
  7. #567e97
  8. #617f91
  9. #6b7f8b
  10. #768086
  11. #808080

Okunaklı metin 4.54:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Okunaklı metin 4.62:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Akromatopsi #767676 Erkeklerin ≈ 0.003% kadarı
Akromatomali #5e7895 Erkeklerin ≈ 0.001% kadarı
Protanopi #5f7ebc Erkeklerin ≈ 1.01% kadarı
Döteranopi #4970b8 Erkeklerin ≈ 1.27% kadarı
Tritanopi #008b92 Erkeklerin ≈ 0.0001% kadarı
Protanomali #4c7dbb Erkeklerin ≈ 1.08% kadarı
Döteranomali #3b75b8 Erkeklerin ≈ 4.63% kadarı
Tritanomali #0085a3 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-187cb9 {
  color: #187cb9;
}
Arka plan
.bg-187cb9 {
  background-color: #187cb9;
  color: #000000;
}
Kenarlık
.border-187cb9 {
  border: 2px solid #187cb9;
}
CSS değişkenleri
:root {
  --color-primary: #187cb9;
  --color-primary-rgb: 24 124 185;
  --color-primary-hsl: 203 77% 41%;
}
Geçiş
.gradient-187cb9 {
  background: linear-gradient(135deg, #187cb9, #182cb9);
}
Renkli gölge
.shadow-187cb9 {
  box-shadow: 0 8px 24px rgb(24 124 185 / 0.35);
}

#4682b4 Steel Blue ΔE 3.97 #0072bb French Blue ΔE 4.08 #417dc1 Tufts Blue ΔE 4.95 #007ba7 Cerulean ΔE 5.02 #0073cf True Blue ΔE 5.29 #0067a5 Medium Persian Blue ΔE 7.81 #318ce7 Bleu de France ΔE 8.28 #e78346 Ters renk #767676 Gri tonlama 

Steel Blue
#187cb9  rgb(24, 124, 185)  hsl(203, 77%, 41%)  Steel Blue
#b95518  rgb(185, 85, 24)  hsl(23, 77%, 41%)  Burnt Orange
#b9187c  rgb(185, 24, 124)  hsl(323, 77%, 41%)  Medium Violet Red
#7cb918  rgb(124, 185, 24)  hsl(83, 77%, 41%)  Apple Green