ColorTool
Giriş yap
#5145AE

#5145ae ≈ Ocean Blue

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

#5145ae, “mavi” ailesinden bir renktir; açıklığı orta, doygunluğu orta. RGB modelinde %31,76 kırmızı, %27,06 yeşil ve %68,24 maviden oluşur; CMYK baskıda %53,45 camgöbeği, %60,34 macenta, %0 sarı ve %31,76 siyah kullanır. Ton açısı 246,86°, HSL’de doygunluğu %43,21 ve açıklığı %47,65’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 7,47:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Ocean Blue (#4f42b5), ΔE 1,42.

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

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

Tamamlayıcı

  1. #5145ae
  2. #a2ae45

Bölünmüş tamamlayıcı

  1. #5145ae
  2. #ae8645
  3. #6eae45

Komşu

  1. #456eae
  2. #5145ae
  3. #8645ae

Üçlü

  1. #5145ae
  2. #ae5145
  3. #45ae51

Dörtlü

  1. #5145ae
  2. #ae45a2
  3. #a2ae45
  4. #45ae51

Kare

  1. #5145ae
  2. #ae456e
  3. #a2ae45
  4. #45ae86

Tek renkli

  1. #1e1a40
  2. #382f77
  3. #5145ae
  4. #8077c9
  5. #b3addf

Koyu tonlar

#5145ae kademeli olarak siyahla karıştırıldı.

  1. #5145ae
  2. #493e9d
  3. #41378b
  4. #39307a
  5. #312968
  6. #292357
  7. #201c46
  8. #181534
  9. #100e23
  10. #080711
  11. #000000

Açık tonlar

#5145ae kademeli olarak beyazla karıştırıldı.

  1. #5145ae
  2. #6258b6
  3. #746abe
  4. #857dc6
  5. #978fce
  6. #a8a2d7
  7. #b9b5df
  8. #cbc7e7
  9. #dcdaef
  10. #eeecf7
  11. #ffffff

Tonlar

#5145ae kademeli olarak griyle karıştırıldı.

  1. #5145ae
  2. #564ba9
  3. #5a51a5
  4. #5f57a0
  5. #645d9c
  6. #696397
  7. #6d6892
  8. #726e8e
  9. #777489
  10. #7b7a85
  11. #808080

Okunaklı metin 7.47:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Okunaklı metin 2.81:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Akromatopsi #555555 Erkeklerin ≈ 0.003% kadarı
Akromatomali #534f82 Erkeklerin ≈ 0.001% kadarı
Protanopi #0058b1 Erkeklerin ≈ 1.01% kadarı
Döteranopi #0051ac Erkeklerin ≈ 1.27% kadarı
Tritanopi #2a5e73 Erkeklerin ≈ 0.0001% kadarı
Protanomali #2d51b0 Erkeklerin ≈ 1.08% kadarı
Döteranomali #2b4dad Erkeklerin ≈ 4.63% kadarı
Tritanomali #3d558e Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-5145ae {
  color: #5145ae;
}
Arka plan
.bg-5145ae {
  background-color: #5145ae;
  color: #ffffff;
}
Kenarlık
.border-5145ae {
  border: 2px solid #5145ae;
}
CSS değişkenleri
:root {
  --color-primary: #5145ae;
  --color-primary-rgb: 81 69 174;
  --color-primary-hsl: 247 43% 48%;
}
Geçiş
.gradient-5145ae {
  background: linear-gradient(135deg, #5145ae, #8645ae);
}
Renkli gölge
.shadow-5145ae {
  box-shadow: 0 8px 24px rgb(81 69 174 / 0.35);
}

#4f42b5 Ocean Blue ΔE 1.42 #5a4fcf Iris ΔE 5.62 #483d8b Dark Slate Blue ΔE 5.95 #1c39bb Persian Blue ΔE 6.45 #6050dc Majorelle Blue ΔE 7.55 #69359c Purple Heart ΔE 7.61 #663399 Rebecca Purple ΔE 7.77 #aeba51 Ters renk #555555 Gri tonlama 

Ocean Blue
#5145ae  rgb(81, 69, 174)  hsl(247, 43%, 48%)  Ocean Blue
#a2ae45  rgb(162, 174, 69)  hsl(67, 43%, 48%)  Apple Green
#ae5145  rgb(174, 81, 69)  hsl(7, 43%, 48%)  Redwood
#45ae51  rgb(69, 174, 81)  hsl(127, 43%, 48%)  Medium Sea Green