ColorTool
Giriş yap
#222E49

#222e49 ≈ Oxford Blue

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

#222e49, “mavi” ailesinden bir renktir; açıklığı düşük, doygunluğu düşük. RGB modelinde %13,33 kırmızı, %18,04 yeşil ve %28,63 maviden oluşur; CMYK baskıda %53,42 camgöbeği, %36,99 macenta, %0 sarı ve %71,37 siyah kullanır. Ton açısı 221,54°, HSL’de doygunluğu %36,45 ve açıklığı %20,98’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 lüks markalar için kullanır. Bu renk üzerinde beyaz metin 13,5:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Oxford Blue (#002147), ΔE 5,96.

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

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

Tamamlayıcı

  1. #222e49
  2. #493d22

Bölünmüş tamamlayıcı

  1. #222e49
  2. #492922
  3. #414922

Komşu

  1. #224149
  2. #222e49
  3. #292249

Üçlü

  1. #222e49
  2. #49222e
  3. #2e4922

Dörtlü

  1. #222e49
  2. #3d2249
  3. #493d22
  4. #2e4922

Kare

  1. #222e49
  2. #492241
  3. #493d22
  4. #224929

Tek renkli

  1. #06090e
  2. #0a0d15
  3. #222e49
  4. #3a4f7d
  5. #5470b0

Koyu tonlar

#222e49 kademeli olarak siyahla karıştırıldı.

  1. #222e49
  2. #1f2942
  3. #1b253a
  4. #182033
  5. #141c2c
  6. #111725
  7. #0e121d
  8. #0a0e16
  9. #07090f
  10. #030507
  11. #000000

Açık tonlar

#222e49 kademeli olarak beyazla karıştırıldı.

  1. #222e49
  2. #38435b
  3. #4e586d
  4. #646d80
  5. #7a8292
  6. #9197a4
  7. #a7abb6
  8. #bdc0c8
  9. #d3d5db
  10. #e9eaed
  11. #ffffff

Tonlar

#222e49 kademeli olarak griyle karıştırıldı.

  1. #222e49
  2. #2b364f
  3. #353e54
  4. #3e475a
  5. #484f5f
  6. #515765
  7. #5a5f6a
  8. #646770
  9. #6d7075
  10. #77787b
  11. #808080

Okunaklı metin 13.5:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Okunaklı metin 1.56:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Akromatopsi #2e2e2e Erkeklerin ≈ 0.003% kadarı
Akromatomali #2a2e3b Erkeklerin ≈ 0.001% kadarı
Protanopi #24304a Erkeklerin ≈ 1.01% kadarı
Döteranopi #202d48 Erkeklerin ≈ 1.27% kadarı
Tritanopi #123438 Erkeklerin ≈ 0.0001% kadarı
Protanomali #232f4a Erkeklerin ≈ 1.08% kadarı
Döteranomali #212d49 Erkeklerin ≈ 4.63% kadarı
Tritanomali #1a323f Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-222e49 {
  color: #222e49;
}
Arka plan
.bg-222e49 {
  background-color: #222e49;
  color: #ffffff;
}
Kenarlık
.border-222e49 {
  border: 2px solid #222e49;
}
CSS değişkenleri
:root {
  --color-primary: #222e49;
  --color-primary-rgb: 34 46 73;
  --color-primary-hsl: 222 36% 21%;
}
Geçiş
.gradient-222e49 {
  background: linear-gradient(135deg, #222e49, #292249);
}
Renkli gölge
.shadow-222e49 {
  box-shadow: 0 8px 24px rgb(34 46 73 / 0.35);
}

#002147 Oxford Blue ΔE 5.96 #003153 Prussian Blue ΔE 6.86 #2a3439 Gunmetal ΔE 11.81 #191970 Midnight Blue ΔE 12.10 #36454f Charcoal ΔE 12.16 #003399 Smalt ΔE 13.29 #483d8b Dark Slate Blue ΔE 13.31 #ddd1b6 Ters renk #2e2e2e Gri tonlama 

Oxford Blue
#222e49  rgb(34, 46, 73)  hsl(222, 36%, 21%)  Oxford Blue
#493d22  rgb(73, 61, 34)  hsl(42, 36%, 21%)  Taupe
#49222e  rgb(73, 34, 46)  hsl(342, 36%, 21%)  Eggplant
#2e4922  rgb(46, 73, 34)  hsl(102, 36%, 21%)  Hunter Green