ColorTool
Giriş yap
#344A8D

#344a8d ≈ Yale Blue

  • mavi
  • Açıklık: düşük
  • Doygunluk: orta
  • Soğuk
Kontrastı denetle Grafikte keşfet Rastgele renk

#344a8d, “mavi” ailesinden bir renktir; açıklığı düşük, doygunluğu orta. RGB modelinde %20,39 kırmızı, %29,02 yeşil ve %55,29 maviden oluşur; CMYK baskıda %63,12 camgöbeği, %47,52 macenta, %0 sarı ve %44,71 siyah kullanır. Ton açısı 225,17°, HSL’de doygunluğu %46,11 ve açıklığı %37,84’dir. Soğuk bir renktir ve çoğunlukla güven, istikrar ve odak 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 8,37:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Yale Blue (#0f4d92), ΔE 5,11.

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

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

Tamamlayıcı

  1. #344a8d
  2. #8d7734

Bölünmüş tamamlayıcı

  1. #344a8d
  2. #8d4a34
  3. #768d34

Komşu

  1. #34768d
  2. #344a8d
  3. #4a348d

Üçlü

  1. #344a8d
  2. #8d344a
  3. #4a8d34

Dörtlü

  1. #344a8d
  2. #77348d
  3. #8d7734
  4. #4a8d34

Kare

  1. #344a8d
  2. #8d3476
  3. #8d7734
  4. #348d4a

Tek renkli

  1. #0b0f1d
  2. #1f2d55
  3. #344a8d
  4. #4f6bbe
  5. #879ad3

Koyu tonlar

#344a8d kademeli olarak siyahla karıştırıldı.

  1. #344a8d
  2. #2f437f
  3. #2a3b71
  4. #243463
  5. #1f2c55
  6. #1a2547
  7. #151e38
  8. #10162a
  9. #0a0f1c
  10. #05070e
  11. #000000

Açık tonlar

#344a8d kademeli olarak beyazla karıştırıldı.

  1. #344a8d
  2. #485c98
  3. #5d6ea4
  4. #7180af
  5. #8592bb
  6. #9aa5c6
  7. #aeb7d1
  8. #c2c9dd
  9. #d6dbe8
  10. #ebedf4
  11. #ffffff

Tonlar

#344a8d kademeli olarak griyle karıştırıldı.

  1. #344a8d
  2. #3c4f8c
  3. #43558a
  4. #4b5a89
  5. #526088
  6. #5a6587
  7. #626a85
  8. #697084
  9. #717583
  10. #787b81
  11. #808080

Okunaklı metin 8.37:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Okunaklı metin 2.51:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Akromatopsi #4e4e4e Erkeklerin ≈ 0.003% kadarı
Akromatomali #454c6d Erkeklerin ≈ 0.001% kadarı
Protanopi #2a528f Erkeklerin ≈ 1.01% kadarı
Döteranopi #1b4a8c Erkeklerin ≈ 1.27% kadarı
Tritanopi #005964 Erkeklerin ≈ 0.0001% kadarı
Protanomali #2e4f8f Erkeklerin ≈ 1.08% kadarı
Döteranomali #274a8c Erkeklerin ≈ 4.63% kadarı
Tritanomali #165477 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-344a8d {
  color: #344a8d;
}
Arka plan
.bg-344a8d {
  background-color: #344a8d;
  color: #ffffff;
}
Kenarlık
.border-344a8d {
  border: 2px solid #344a8d;
}
CSS değişkenleri
:root {
  --color-primary: #344a8d;
  --color-primary-rgb: 52 74 141;
  --color-primary-hsl: 225 46% 38%;
}
Geçiş
.gradient-344a8d {
  background: linear-gradient(135deg, #344a8d, #4a348d);
}
Renkli gölge
.shadow-344a8d {
  box-shadow: 0 8px 24px rgb(52 74 141 / 0.35);
}

#0f4d92 Yale Blue ΔE 5.11 #0047ab Cobalt Blue ΔE 5.27 #0f52ba Sapphire ΔE 6.95 #483d8b Dark Slate Blue ΔE 7.30 #003399 Smalt ΔE 7.91 #1034a6 Egyptian Blue ΔE 8.31 #1c39bb Persian Blue ΔE 8.88 #cbb572 Ters renk #4e4e4e Gri tonlama 

Yale Blue
#344a8d  rgb(52, 74, 141)  hsl(225, 46%, 38%)  Yale Blue
#8d7734  rgb(141, 119, 52)  hsl(45, 46%, 38%)  Olive
#8d344a  rgb(141, 52, 74)  hsl(345, 46%, 38%)  Cordovan
#4a8d34  rgb(74, 141, 52)  hsl(105, 46%, 38%)  Forest Green