ColorTool
Giriş yap
#381ED2

#381ed2 ≈ Medium Blue

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

#381ed2, “mavi” ailesinden bir renktir; açıklığı orta, doygunluğu güçlü. RGB modelinde %21,96 kırmızı, %11,76 yeşil ve %82,35 maviden oluşur; CMYK baskıda %73,33 camgöbeği, %85,71 macenta, %0 sarı ve %17,65 siyah kullanır. Ton açısı 248,67°, HSL’de doygunluğu %75 ve açıklığı %47,06’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 9,19:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Medium Blue (#0000cd), ΔE 4,34.

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

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

Tamamlayıcı

  1. #381ed2
  2. #b8d21e

Bölünmüş tamamlayıcı

  1. #381ed2
  2. #d2921e
  3. #5ed21e

Komşu

  1. #1e5ed2
  2. #381ed2
  3. #921ed2

Üçlü

  1. #381ed2
  2. #d2381e
  3. #1ed238

Dörtlü

  1. #381ed2
  2. #d21eb8
  3. #b8d21e
  4. #1ed238

Kare

  1. #381ed2
  2. #d21e5e
  3. #b8d21e
  4. #1ed292

Tek renkli

  1. #140b4c
  2. #26148f
  3. #381ed2
  4. #6b56e7
  5. #a599f0

Koyu tonlar

#381ed2 kademeli olarak siyahla karıştırıldı.

  1. #381ed2
  2. #321bbd
  3. #2d18a8
  4. #271593
  5. #22127e
  6. #1c0f69
  7. #160c54
  8. #11093f
  9. #0b062a
  10. #060315
  11. #000000

Açık tonlar

#381ed2 kademeli olarak beyazla karıştırıldı.

  1. #381ed2
  2. #4c35d7
  3. #604bdb
  4. #7462e0
  5. #8878e4
  6. #9c8fe9
  7. #afa5ed
  8. #c3bcf2
  9. #d7d2f6
  10. #ebe9fb
  11. #ffffff

Tonlar

#381ed2 kademeli olarak griyle karıştırıldı.

  1. #381ed2
  2. #3f28ca
  3. #4632c2
  4. #4e3bb9
  5. #5545b1
  6. #5c4fa9
  7. #6359a1
  8. #6a6399
  9. #726c90
  10. #797688
  11. #808080

Okunaklı metin 9.19:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Okunaklı metin 2.28:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Akromatopsi #484848 Erkeklerin ≈ 0.003% kadarı
Akromatomali #423b94 Erkeklerin ≈ 0.001% kadarı
Protanopi #004fd7 Erkeklerin ≈ 1.01% kadarı
Döteranopi #003fcf Erkeklerin ≈ 1.27% kadarı
Tritanopi #005b7d Erkeklerin ≈ 0.0001% kadarı
Protanomali #0041d5 Erkeklerin ≈ 1.08% kadarı
Döteranomali #0035d0 Erkeklerin ≈ 4.63% kadarı
Tritanomali #004aa6 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-381ed2 {
  color: #381ed2;
}
Arka plan
.bg-381ed2 {
  background-color: #381ed2;
  color: #ffffff;
}
Kenarlık
.border-381ed2 {
  border: 2px solid #381ed2;
}
CSS değişkenleri
:root {
  --color-primary: #381ed2;
  --color-primary-rgb: 56 30 210;
  --color-primary-hsl: 249 75% 47%;
}
Geçiş
.gradient-381ed2 {
  background: linear-gradient(135deg, #381ed2, #921ed2);
}
Renkli gölge
.shadow-381ed2 {
  box-shadow: 0 8px 24px rgb(56 30 210 / 0.35);
}

#0000cd Medium Blue ΔE 4.34 #0000ff Blue ΔE 4.64 #3f00ff Ultramarine ΔE 5.19 #5218fa Han Purple ΔE 5.86 #1c39bb Persian Blue ΔE 6.85 #0014a8 Zaffre ΔE 7.23 #4f42b5 Ocean Blue ΔE 8.17 #c7e12d Ters renk #484848 Gri tonlama 

Medium Blue
#381ed2  rgb(56, 30, 210)  hsl(249, 75%, 47%)  Medium Blue
#b8d21e  rgb(184, 210, 30)  hsl(69, 75%, 47%)  Pear
#d2381e  rgb(210, 56, 30)  hsl(9, 75%, 47%)  Lust
#1ed238  rgb(30, 210, 56)  hsl(129, 75%, 47%)  Lime Green