ColorTool
Giriş yap
#187BB9

#187bb9 ≈ French Blue

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

#187bb9, “gök mavisi” ailesinden bir renktir; açıklığı orta, doygunluğu güçlü. RGB modelinde %9,41 kırmızı, %48,24 yeşil ve %72,55 maviden oluşur; CMYK baskıda %87,03 camgöbeği, %33,51 macenta, %0 sarı ve %27,45 siyah kullanır. Ton açısı 203,11°, 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 beyaz metin 4,59:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk French Blue (#0072bb), ΔE 3,64.

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

Tamamlayıcı

  1. #187bb9
  2. #b95618

Bölünmüş tamamlayıcı

  1. #187bb9
  2. #b9182a
  3. #b9a718

Komşu

  1. #18b9a7
  2. #187bb9
  3. #182ab9

Üçlü

  1. #187bb9
  2. #b9187b
  3. #7bb918

Dörtlü

  1. #187bb9
  2. #5618b9
  3. #b95618
  4. #7bb918

Kare

  1. #187bb9
  2. #a718b9
  3. #b95618
  4. #2ab918

Tek renkli

  1. #062132
  2. #0f4e75
  3. #187bb9
  4. #38a3e5
  5. #7cc2ee

Koyu tonlar

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

  1. #187bb9
  2. #166fa7
  3. #136294
  4. #115682
  5. #0e4a6f
  6. #0c3e5d
  7. #0a314a
  8. #072538
  9. #051925
  10. #020c13
  11. #000000

Açık tonlar

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

  1. #187bb9
  2. #2f88c0
  3. #4695c7
  4. #5da3ce
  5. #74b0d5
  6. #8cbddc
  7. #a3cae3
  8. #bad7ea
  9. #d1e5f1
  10. #e8f2f8
  11. #ffffff

Tonlar

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

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

Okunaklı metin 4.59:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Okunaklı metin 4.57:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Akromatopsi #757575 Erkeklerin ≈ 0.003% kadarı
Akromatomali #5e7895 Erkeklerin ≈ 0.001% kadarı
Protanopi #5d7dbc Erkeklerin ≈ 1.01% kadarı
Döteranopi #476fb8 Erkeklerin ≈ 1.27% kadarı
Tritanopi #008a91 Erkeklerin ≈ 0.0001% kadarı
Protanomali #4b7cbb Erkeklerin ≈ 1.08% kadarı
Döteranomali #3974b8 Erkeklerin ≈ 4.63% kadarı
Tritanomali #0084a3 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#0072bb French Blue ΔE 3.64 #4682b4 Steel Blue ΔE 4.11 #417dc1 Tufts Blue ΔE 4.80 #0073cf True Blue ΔE 4.90 #007ba7 Cerulean ΔE 5.24 #0067a5 Medium Persian Blue ΔE 7.43 #006994 Sea Blue ΔE 8.12 #e78446 Ters renk #757575 Gri tonlama 

French Blue
#187bb9  rgb(24, 123, 185)  hsl(203, 77%, 41%)  French Blue
#b95618  rgb(185, 86, 24)  hsl(23, 77%, 41%)  Burnt Orange
#b9187b  rgb(185, 24, 123)  hsl(323, 77%, 41%)  Medium Violet Red
#7bb918  rgb(123, 185, 24)  hsl(83, 77%, 41%)  Apple Green