ColorTool
Giriş yap
#2176C4

#2176c4 ≈ True Blue

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

#2176c4, “gök mavisi” ailesinden bir renktir; açıklığı orta, doygunluğu güçlü. RGB modelinde %12,94 kırmızı, %46,27 yeşil ve %76,86 maviden oluşur; CMYK baskıda %83,16 camgöbeği, %39,8 macenta, %0 sarı ve %23,14 siyah kullanır. Ton açısı 208,71°, HSL’de doygunluğu %71,18 ve açıklığı %44,9’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,72:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk True Blue (#0073cf), ΔE 1,45.

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

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

Tamamlayıcı

  1. #2176c4
  2. #c46f21

Bölünmüş tamamlayıcı

  1. #2176c4
  2. #c42125
  3. #c4c021

Komşu

  1. #21c4c0
  2. #2176c4
  3. #2125c4

Üçlü

  1. #2176c4
  2. #c42176
  3. #76c421

Dörtlü

  1. #2176c4
  2. #6f21c4
  3. #c46f21
  4. #76c421

Kare

  1. #2176c4
  2. #c021c4
  3. #c46f21
  4. #25c421

Tek renkli

  1. #0b2741
  2. #164f83
  3. #2176c4
  4. #509ce2
  5. #91c1ed

Koyu tonlar

#2176c4 kademeli olarak siyahla karıştırıldı.

  1. #2176c4
  2. #1e6ab0
  3. #1a5e9d
  4. #175389
  5. #144776
  6. #113b62
  7. #0d2f4e
  8. #0a233b
  9. #071827
  10. #030c14
  11. #000000

Açık tonlar

#2176c4 kademeli olarak beyazla karıştırıldı.

  1. #2176c4
  2. #3784ca
  3. #4d91d0
  4. #649fd6
  5. #7aaddc
  6. #90bbe2
  7. #a6c8e7
  8. #bcd6ed
  9. #d3e4f3
  10. #e9f1f9
  11. #ffffff

Tonlar

#2176c4 kademeli olarak griyle karıştırıldı.

  1. #2176c4
  2. #2b77bd
  3. #3478b6
  4. #3e79b0
  5. #477aa9
  6. #517ba2
  7. #5a7c9b
  8. #647d94
  9. #6d7e8e
  10. #777f87
  11. #808080

Okunaklı metin 4.72:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Okunaklı metin 4.45:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Akromatopsi #737373 Erkeklerin ≈ 0.003% kadarı
Akromatomali #5d749a Erkeklerin ≈ 0.001% kadarı
Protanopi #507bc7 Erkeklerin ≈ 1.01% kadarı
Döteranopi #356dc2 Erkeklerin ≈ 1.27% kadarı
Tritanopi #008993 Erkeklerin ≈ 0.0001% kadarı
Protanomali #4279c6 Erkeklerin ≈ 1.08% kadarı
Döteranomali #2e71c3 Erkeklerin ≈ 4.63% kadarı
Tritanomali #0082a9 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-2176c4 {
  color: #2176c4;
}
Arka plan
.bg-2176c4 {
  background-color: #2176c4;
  color: #ffffff;
}
Kenarlık
.border-2176c4 {
  border: 2px solid #2176c4;
}
CSS değişkenleri
:root {
  --color-primary: #2176c4;
  --color-primary-rgb: 33 118 196;
  --color-primary-hsl: 209 71% 45%;
}
Geçiş
.gradient-2176c4 {
  background: linear-gradient(135deg, #2176c4, #2125c4);
}
Renkli gölge
.shadow-2176c4 {
  box-shadow: 0 8px 24px rgb(33 118 196 / 0.35);
}

#0073cf True Blue ΔE 1.45 #0072bb French Blue ΔE 2.52 #417dc1 Tufts Blue ΔE 3.28 #4682b4 Steel Blue ΔE 5.10 #0067a5 Medium Persian Blue ΔE 6.61 #436b95 Queen Blue ΔE 6.84 #0070ff Brandeis Blue ΔE 7.43 #de893b Ters renk #737373 Gri tonlama 

True Blue
#2176c4  rgb(33, 118, 196)  hsl(209, 71%, 45%)  True Blue
#c46f21  rgb(196, 111, 33)  hsl(29, 71%, 45%)  Ochre
#c42176  rgb(196, 33, 118)  hsl(329, 71%, 45%)  Medium Violet Red
#76c421  rgb(118, 196, 33)  hsl(89, 71%, 45%)  Kelly Green