ColorTool
Giriş yap
#523CC4

#523cc4 ≈ Ocean Blue

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

#523cc4, “mavi” ailesinden bir renktir; açıklığı orta, doygunluğu güçlü. RGB modelinde %32,16 kırmızı, %23,53 yeşil ve %76,86 maviden oluşur; CMYK baskıda %58,16 camgöbeği, %69,39 macenta, %0 sarı ve %23,14 siyah kullanır. Ton açısı 249,71°, HSL’de doygunluğu %53,54 ve açıklığı %50,2’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,49:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Ocean Blue (#4f42b5), ΔE 2,69.

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

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

Tamamlayıcı

  1. #523cc4
  2. #aec43c

Bölünmüş tamamlayıcı

  1. #523cc4
  2. #c4963c
  3. #6ac43c

Komşu

  1. #3c6ac4
  2. #523cc4
  3. #963cc4

Üçlü

  1. #523cc4
  2. #c4523c
  3. #3cc452

Dörtlü

  1. #523cc4
  2. #c43cae
  3. #aec43c
  4. #3cc452

Kare

  1. #523cc4
  2. #c43c6a
  3. #aec43c
  4. #3cc496

Tek renkli

  1. #21184f
  2. #392a8a
  3. #523cc4
  4. #8677d6
  5. #bab1e8

Koyu tonlar

#523cc4 kademeli olarak siyahla karıştırıldı.

  1. #523cc4
  2. #4a36b0
  3. #42309d
  4. #392a89
  5. #312476
  6. #291e62
  7. #21184e
  8. #19123b
  9. #100c27
  10. #080614
  11. #000000

Açık tonlar

#523cc4 kademeli olarak beyazla karıştırıldı.

  1. #523cc4
  2. #6350ca
  3. #7563d0
  4. #8677d6
  5. #978adc
  6. #a99ee2
  7. #bab1e7
  8. #cbc5ed
  9. #dcd8f3
  10. #eeecf9
  11. #ffffff

Tonlar

#523cc4 kademeli olarak griyle karıştırıldı.

  1. #523cc4
  2. #5743bd
  3. #5b4ab6
  4. #6050b0
  5. #6457a9
  6. #695ea2
  7. #6e659b
  8. #726c94
  9. #77728e
  10. #7b7987
  11. #808080

Okunaklı metin 7.49:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Okunaklı metin 2.8:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Akromatopsi #555555 Erkeklerin ≈ 0.003% kadarı
Akromatomali #544c8f Erkeklerin ≈ 0.001% kadarı
Protanopi #0059c8 Erkeklerin ≈ 1.01% kadarı
Döteranopi #0050c1 Erkeklerin ≈ 1.27% kadarı
Tritanopi #0c607b Erkeklerin ≈ 0.0001% kadarı
Protanomali #074fc6 Erkeklerin ≈ 1.08% kadarı
Döteranomali #0149c2 Erkeklerin ≈ 4.63% kadarı
Tritanomali #35549e Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#4f42b5 Ocean Blue ΔE 2.69 #5a4fcf Iris ΔE 5.38 #1c39bb Persian Blue ΔE 5.96 #6050dc Majorelle Blue ΔE 6.61 #5218fa Han Purple ΔE 7.34 #69359c Purple Heart ΔE 8.05 #663399 Rebecca Purple ΔE 8.25 #adc33b Ters renk #555555 Gri tonlama 

Ocean Blue
#523cc4  rgb(82, 60, 196)  hsl(250, 54%, 50%)  Ocean Blue
#aec43c  rgb(174, 196, 60)  hsl(70, 54%, 50%)  Yellow Green
#c4523c  rgb(196, 82, 60)  hsl(10, 54%, 50%)  Cinnabar
#3cc452  rgb(60, 196, 82)  hsl(130, 54%, 50%)  Lime Green