ColorTool
Giriş yap
#313C52

#313c52 ≈ Charcoal

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

#313c52, “mavi” ailesinden bir renktir; açıklığı düşük, doygunluğu düşük. RGB modelinde %19,22 kırmızı, %23,53 yeşil ve %32,16 maviden oluşur; CMYK baskıda %40,24 camgöbeği, %26,83 macenta, %0 sarı ve %67,84 siyah kullanır. Ton açısı 220°, HSL’de doygunluğu %25,19 ve açıklığı %25,69’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 kurumsal kimlikler için kullanır. Bu renk üzerinde beyaz metin 11,06:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Charcoal (#36454f), ΔE 8,06.

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

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

Tamamlayıcı

  1. #313c52
  2. #524731

Bölünmüş tamamlayıcı

  1. #313c52
  2. #523731
  3. #4d5231

Komşu

  1. #314d52
  2. #313c52
  3. #373152

Üçlü

  1. #313c52
  2. #52313c
  3. #3c5231

Dörtlü

  1. #313c52
  2. #473152
  3. #524731
  4. #3c5231

Kare

  1. #313c52
  2. #52314d
  3. #524731
  4. #315237

Tek renkli

  1. #08090d
  2. #141922
  3. #313c52
  4. #4e5f82
  5. #7285aa

Koyu tonlar

#313c52 kademeli olarak siyahla karıştırıldı.

  1. #313c52
  2. #2c364a
  3. #273042
  4. #222a39
  5. #1d2431
  6. #191e29
  7. #141821
  8. #0f1219
  9. #0a0c10
  10. #050608
  11. #000000

Açık tonlar

#313c52 kademeli olarak beyazla karıştırıldı.

  1. #313c52
  2. #465063
  3. #5a6375
  4. #6f7786
  5. #838a97
  6. #989ea9
  7. #adb1ba
  8. #c1c5cb
  9. #d6d8dc
  10. #eaecee
  11. #ffffff

Tonlar

#313c52 kademeli olarak griyle karıştırıldı.

  1. #313c52
  2. #394357
  3. #414a5b
  4. #495060
  5. #515764
  6. #595e69
  7. #60656e
  8. #686c72
  9. #707277
  10. #78797b
  11. #808080

Okunaklı metin 11.06:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Okunaklı metin 1.9:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Akromatopsi #3c3c3c Erkeklerin ≈ 0.003% kadarı
Akromatomali #383c46 Erkeklerin ≈ 0.001% kadarı
Protanopi #343e53 Erkeklerin ≈ 1.01% kadarı
Döteranopi #313a52 Erkeklerin ≈ 1.27% kadarı
Tritanopi #274144 Erkeklerin ≈ 0.0001% kadarı
Protanomali #333d53 Erkeklerin ≈ 1.08% kadarı
Döteranomali #313b52 Erkeklerin ≈ 4.63% kadarı
Tritanomali #2b3f4a Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-313c52 {
  color: #313c52;
}
Arka plan
.bg-313c52 {
  background-color: #313c52;
  color: #ffffff;
}
Kenarlık
.border-313c52 {
  border: 2px solid #313c52;
}
CSS değişkenleri
:root {
  --color-primary: #313c52;
  --color-primary-rgb: 49 60 82;
  --color-primary-hsl: 220 25% 26%;
}
Geçiş
.gradient-313c52 {
  background: linear-gradient(135deg, #313c52, #373152);
}
Renkli gölge
.shadow-313c52 {
  box-shadow: 0 8px 24px rgb(49 60 82 / 0.35);
}

#36454f Charcoal ΔE 8.06 #003153 Prussian Blue ΔE 8.06 #2a3439 Gunmetal ΔE 9.72 #002147 Oxford Blue ΔE 10.44 #353839 Onyx ΔE 10.77 #343434 Jet ΔE 11.51 #414a4c Outer Space ΔE 11.63 #cec3ad Ters renk #3c3c3c Gri tonlama 

Charcoal
#313c52  rgb(49, 60, 82)  hsl(220, 25%, 26%)  Charcoal
#524731  rgb(82, 71, 49)  hsl(40, 25%, 26%)  Taupe
#52313c  rgb(82, 49, 60)  hsl(340, 25%, 26%)  Eggplant
#3c5231  rgb(60, 82, 49)  hsl(100, 25%, 26%)  Hunter Green