ColorTool
Giriş yap
#346BB3

#346bb3 ≈ Queen Blue

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

#346bb3, “gök mavisi” ailesinden bir renktir; açıklığı orta, doygunluğu orta. RGB modelinde %20,39 kırmızı, %41,96 yeşil ve %70,2 maviden oluşur; CMYK baskıda %70,95 camgöbeği, %40,22 macenta, %0 sarı ve %29,8 siyah kullanır. Ton açısı 214,02°, HSL’de doygunluğu %54,98 ve açıklığı %45,29’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 5,38:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Queen Blue (#436b95), ΔE 3,72.

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

Tamamlayıcı

  1. #346bb3
  2. #b37c34

Bölünmüş tamamlayıcı

  1. #346bb3
  2. #b33d34
  3. #aab334

Komşu

  1. #34aab3
  2. #346bb3
  3. #3d34b3

Üçlü

  1. #346bb3
  2. #b3346b
  3. #6bb334

Dörtlü

  1. #346bb3
  2. #7c34b3
  3. #b37c34
  4. #6bb334

Kare

  1. #346bb3
  2. #b334aa
  3. #b37c34
  4. #34b33d

Tek renkli

  1. #12243c
  2. #234878
  3. #346bb3
  4. #6292d1
  5. #9dbbe3

Koyu tonlar

#346bb3 kademeli olarak siyahla karıştırıldı.

  1. #346bb3
  2. #2f60a1
  3. #2a568f
  4. #244b7d
  5. #1f406b
  6. #1a365a
  7. #152b48
  8. #102036
  9. #0a1524
  10. #050b12
  11. #000000

Açık tonlar

#346bb3 kademeli olarak beyazla karıştırıldı.

  1. #346bb3
  2. #487abb
  3. #5d89c2
  4. #7197ca
  5. #85a6d1
  6. #9ab5d9
  7. #aec4e1
  8. #c2d3e8
  9. #d6e1f0
  10. #ebf0f7
  11. #ffffff

Tonlar

#346bb3 kademeli olarak griyle karıştırıldı.

  1. #346bb3
  2. #3c6dae
  3. #436fa9
  4. #4b71a4
  5. #52739f
  6. #5a769a
  7. #627894
  8. #697a8f
  9. #717c8a
  10. #787e85
  11. #808080

Okunaklı metin 5.38:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Okunaklı metin 3.9:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Akromatopsi #6a6a6a Erkeklerin ≈ 0.003% kadarı
Akromatomali #596b8d Erkeklerin ≈ 0.001% kadarı
Protanopi #4a71b6 Erkeklerin ≈ 1.01% kadarı
Döteranopi #3665b2 Erkeklerin ≈ 1.27% kadarı
Tritanopi #007c86 Erkeklerin ≈ 0.0001% kadarı
Protanomali #426eb5 Erkeklerin ≈ 1.08% kadarı
Döteranomali #3567b2 Erkeklerin ≈ 4.63% kadarı
Tritanomali #00759a Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-346bb3 {
  color: #346bb3;
}
Arka plan
.bg-346bb3 {
  background-color: #346bb3;
  color: #ffffff;
}
Kenarlık
.border-346bb3 {
  border: 2px solid #346bb3;
}
CSS değişkenleri
:root {
  --color-primary: #346bb3;
  --color-primary-rgb: 52 107 179;
  --color-primary-hsl: 214 55% 45%;
}
Geçiş
.gradient-346bb3 {
  background: linear-gradient(135deg, #346bb3, #3d34b3);
}
Renkli gölge
.shadow-346bb3 {
  box-shadow: 0 8px 24px rgb(52 107 179 / 0.35);
}

#436b95 Queen Blue ΔE 3.72 #1560bd Denim ΔE 3.89 #0073cf True Blue ΔE 4.55 #26619c Lapis Lazuli ΔE 4.58 #0072bb French Blue ΔE 4.87 #0067a5 Medium Persian Blue ΔE 5.10 #417dc1 Tufts Blue ΔE 6.74 #cb944c Ters renk #6a6a6a Gri tonlama 

Queen Blue
#346bb3  rgb(52, 107, 179)  hsl(214, 55%, 45%)  Queen Blue
#b37c34  rgb(179, 124, 52)  hsl(34, 55%, 45%)  Copper
#b3346b  rgb(179, 52, 107)  hsl(334, 55%, 45%)  Telemagenta
#6bb334  rgb(107, 179, 52)  hsl(94, 55%, 45%)  Kelly Green