ColorTool
Giriş yap
#3B8DBE

#3b8dbe ≈ Steel Blue

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

#3b8dbe, “gök mavisi” ailesinden bir renktir; açıklığı orta, doygunluğu güçlü. RGB modelinde %23,14 kırmızı, %55,29 yeşil ve %74,51 maviden oluşur; CMYK baskıda %68,95 camgöbeği, %25,79 macenta, %0 sarı ve %25,49 siyah kullanır. Ton açısı 202,44°, HSL’de doygunluğu %52,61 ve açıklığı %48,82’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,74:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Steel Blue (#4682b4), ΔE 4,74.

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

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

Tamamlayıcı

  1. #3b8dbe
  2. #be6c3b

Bölünmüş tamamlayıcı

  1. #3b8dbe
  2. #be3b4c
  3. #bead3b

Komşu

  1. #3bbead
  2. #3b8dbe
  3. #3b4cbe

Üçlü

  1. #3b8dbe
  2. #be3b8d
  3. #8dbe3b

Dörtlü

  1. #3b8dbe
  2. #6c3bbe
  3. #be6c3b
  4. #8dbe3b

Kare

  1. #3b8dbe
  2. #ad3bbe
  3. #be6c3b
  4. #4cbe3b

Tek renkli

  1. #173649
  2. #296284
  3. #3b8dbe
  4. #72afd3
  5. #add0e5

Koyu tonlar

#3b8dbe kademeli olarak siyahla karıştırıldı.

  1. #3b8dbe
  2. #357fab
  3. #2f7198
  4. #296385
  5. #235572
  6. #1e475f
  7. #18384c
  8. #122a39
  9. #0c1c26
  10. #060e13
  11. #000000

Açık tonlar

#3b8dbe kademeli olarak beyazla karıştırıldı.

  1. #3b8dbe
  2. #4f98c5
  3. #62a4cb
  4. #76afd2
  5. #89bbd8
  6. #9dc6df
  7. #b1d1e5
  8. #c4ddec
  9. #d8e8f2
  10. #ebf4f9
  11. #ffffff

Tonlar

#3b8dbe kademeli olarak griyle karıştırıldı.

  1. #3b8dbe
  2. #428cb8
  3. #498ab2
  4. #5089ab
  5. #5788a5
  6. #5e879f
  7. #648599
  8. #6b8493
  9. #72838c
  10. #798186
  11. #808080

Okunaklı metin 3.66:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Okunaklı metin 5.74:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Akromatopsi #868686 Erkeklerin ≈ 0.003% kadarı
Akromatomali #6f899f Erkeklerin ≈ 0.001% kadarı
Protanopi #768dc0 Erkeklerin ≈ 1.01% kadarı
Döteranopi #6480bd Erkeklerin ≈ 1.27% kadarı
Tritanopi #00999e Erkeklerin ≈ 0.0001% kadarı
Protanomali #648dbf Erkeklerin ≈ 1.08% kadarı
Döteranomali #5785bd Erkeklerin ≈ 4.63% kadarı
Tritanomali #0095ac Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-3b8dbe {
  color: #3b8dbe;
}
Arka plan
.bg-3b8dbe {
  background-color: #3b8dbe;
  color: #000000;
}
Kenarlık
.border-3b8dbe {
  border: 2px solid #3b8dbe;
}
CSS değişkenleri
:root {
  --color-primary: #3b8dbe;
  --color-primary-rgb: 59 141 190;
  --color-primary-hsl: 202 53% 49%;
}
Geçiş
.gradient-3b8dbe {
  background: linear-gradient(135deg, #3b8dbe, #3b4cbe);
}
Renkli gölge
.shadow-3b8dbe {
  box-shadow: 0 8px 24px rgb(59 141 190 / 0.35);
}

#4682b4 Steel Blue ΔE 4.74 #5d8aa8 Air Force Blue ΔE 5.07 #318ce7 Bleu de France ΔE 6.36 #56a0d3 Carolina Blue ΔE 6.60 #417dc1 Tufts Blue ΔE 7.62 #007ba7 Cerulean ΔE 7.80 #0095b6 Bondi Blue ΔE 7.96 #c47241 Ters renk #868686 Gri tonlama 

Steel Blue
#3b8dbe  rgb(59, 141, 190)  hsl(202, 53%, 49%)  Steel Blue
#be6c3b  rgb(190, 108, 59)  hsl(22, 53%, 49%)  Chocolate
#be3b8d  rgb(190, 59, 141)  hsl(322, 53%, 49%)  Medium Violet Red
#8dbe3b  rgb(141, 190, 59)  hsl(82, 53%, 49%)  Apple Green