ColorTool
Giriş yap
#1677CC

#1677cc ≈ True Blue

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

#1677cc, “gök mavisi” ailesinden bir renktir; açıklığı orta, doygunluğu güçlü. RGB modelinde %8,63 kırmızı, %46,67 yeşil ve %80 maviden oluşur; CMYK baskıda %89,22 camgöbeği, %41,67 macenta, %0 sarı ve %20 siyah kullanır. Ton açısı 208,02°, HSL’de doygunluğu %80,53 ve açıklığı %44,31’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 eylem çağrısı düğmeleri için kullanır. Bu renk üzerinde beyaz metin 4,62:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk True Blue (#0073cf), ΔE 1,48.

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

Tamamlayıcı

  1. #1677cc
  2. #cc6b16

Bölünmüş tamamlayıcı

  1. #1677cc
  2. #cc161c
  3. #ccc616

Komşu

  1. #16ccc6
  2. #1677cc
  3. #161ccc

Üçlü

  1. #1677cc
  2. #cc1677
  3. #77cc16

Dörtlü

  1. #1677cc
  2. #6b16cc
  3. #cc6b16
  4. #77cc16

Kare

  1. #1677cc
  2. #c616cc
  3. #cc6b16
  4. #1ccc16

Tek renkli

  1. #072642
  2. #0f4f87
  3. #1677cc
  4. #449deb
  5. #89c1f2

Koyu tonlar

#1677cc kademeli olarak siyahla karıştırıldı.

  1. #1677cc
  2. #146bb8
  3. #125fa3
  4. #0f538f
  5. #0d477a
  6. #0b3c66
  7. #093052
  8. #07243d
  9. #041829
  10. #020c14
  11. #000000

Açık tonlar

#1677cc kademeli olarak beyazla karıştırıldı.

  1. #1677cc
  2. #2d85d1
  3. #4592d6
  4. #5ca0db
  5. #73ade0
  6. #8bbbe6
  7. #a2c9eb
  8. #b9d6f0
  9. #d0e4f5
  10. #e8f1fa
  11. #ffffff

Tonlar

#1677cc kademeli olarak griyle karıştırıldı.

  1. #1677cc
  2. #2178c4
  3. #2b79bd
  4. #367ab5
  5. #407bae
  6. #4b7ca6
  7. #567c9e
  8. #607d97
  9. #6b7e8f
  10. #757f88
  11. #808080

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

Akromatopsi #757575 Erkeklerin ≈ 0.003% kadarı
Akromatomali #5d769f Erkeklerin ≈ 0.001% kadarı
Protanopi #4c7dcf Erkeklerin ≈ 1.01% kadarı
Döteranopi #2b6eca Erkeklerin ≈ 1.27% kadarı
Tritanopi #008b97 Erkeklerin ≈ 0.0001% kadarı
Protanomali #3d7bce Erkeklerin ≈ 1.08% kadarı
Döteranomali #2472cb Erkeklerin ≈ 4.63% kadarı
Tritanomali #0084af Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-1677cc {
  color: #1677cc;
}
Arka plan
.bg-1677cc {
  background-color: #1677cc;
  color: #ffffff;
}
Kenarlık
.border-1677cc {
  border: 2px solid #1677cc;
}
CSS değişkenleri
:root {
  --color-primary: #1677cc;
  --color-primary-rgb: 22 119 204;
  --color-primary-hsl: 208 81% 44%;
}
Geçiş
.gradient-1677cc {
  background: linear-gradient(135deg, #1677cc, #161ccc);
}
Renkli gölge
.shadow-1677cc {
  box-shadow: 0 8px 24px rgb(22 119 204 / 0.35);
}

#0073cf True Blue ΔE 1.48 #0072bb French Blue ΔE 3.10 #417dc1 Tufts Blue ΔE 3.12 #4682b4 Steel Blue ΔE 5.05 #0070ff Brandeis Blue ΔE 7.13 #0067a5 Medium Persian Blue ΔE 7.29 #436b95 Queen Blue ΔE 7.61 #e98833 Ters renk #757575 Gri tonlama 

True Blue
#1677cc  rgb(22, 119, 204)  hsl(208, 81%, 44%)  True Blue
#cc6b16  rgb(204, 107, 22)  hsl(28, 81%, 44%)  Chocolate
#cc1677  rgb(204, 22, 119)  hsl(328, 81%, 44%)  Medium Violet Red
#77cc16  rgb(119, 204, 22)  hsl(88, 81%, 44%)  Yellow Green