ColorTool
Giriş yap
#563AA1

#563aa1 ≈ Ocean Blue

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

#563aa1, “mor” ailesinden bir renktir; açıklığı orta, doygunluğu orta. RGB modelinde %33,73 kırmızı, %22,75 yeşil ve %63,14 maviden oluşur; CMYK baskıda %46,58 camgöbeği, %63,98 macenta, %0 sarı ve %36,86 siyah kullanır. Ton açısı 256,31°, HSL’de doygunluğu %47,03 ve açıklığı %42,94’dir. Soğuk bir renktir ve çoğunlukla hayal gücü, maneviyat ve lüks ile ilişkilendirilir. Tasarımcılar onu genellikle güzellik ve kozmetik, yaratıcı stüdyolar ve marka vurguları için kullanır. Bu renk üzerinde beyaz metin 8,35:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Ocean Blue (#4f42b5), ΔE 4,13.

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.0758

Tamamlayıcı

  1. #563aa1
  2. #85a13a

Bölünmüş tamamlayıcı

  1. #563aa1
  2. #a1893a
  3. #52a13a

Komşu

  1. #3a52a1
  2. #563aa1
  3. #893aa1

Üçlü

  1. #563aa1
  2. #a1563a
  3. #3aa156

Dörtlü

  1. #563aa1
  2. #a13a85
  3. #85a13a
  4. #3aa156

Kare

  1. #563aa1
  2. #a13a52
  3. #85a13a
  4. #3aa189

Tek renkli

  1. #1a1131
  2. #382669
  3. #563aa1
  4. #7d61c6
  5. #ab9ada

Koyu tonlar

#563aa1 kademeli olarak siyahla karıştırıldı.

  1. #563aa1
  2. #4d3491
  3. #452e81
  4. #3c2971
  5. #342361
  6. #2b1d51
  7. #221740
  8. #1a1130
  9. #110c20
  10. #090610
  11. #000000

Açık tonlar

#563aa1 kademeli olarak beyazla karıştırıldı.

  1. #563aa1
  2. #674eaa
  3. #7861b4
  4. #8975bd
  5. #9a89c7
  6. #ab9dd0
  7. #bbb0d9
  8. #ccc4e3
  9. #ddd8ec
  10. #eeebf6
  11. #ffffff

Tonlar

#563aa1 kademeli olarak griyle karıştırıldı.

  1. #563aa1
  2. #5a419e
  3. #5e489a
  4. #634f97
  5. #675694
  6. #6b5d91
  7. #6f648d
  8. #736b8a
  9. #787287
  10. #7c7983
  11. #808080

Okunaklı metin 8.35:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Okunaklı metin 2.52:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Akromatopsi #4e4e4e Erkeklerin ≈ 0.003% kadarı
Akromatomali #514778 Erkeklerin ≈ 0.001% kadarı
Protanopi #0050a4 Erkeklerin ≈ 1.01% kadarı
Döteranopi #004c9f Erkeklerin ≈ 1.27% kadarı
Tritanopi #3f5268 Erkeklerin ≈ 0.0001% kadarı
Protanomali #2f48a3 Erkeklerin ≈ 1.08% kadarı
Döteranomali #3145a0 Erkeklerin ≈ 4.63% kadarı
Tritanomali #494a83 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-563aa1 {
  color: #563aa1;
}
Arka plan
.bg-563aa1 {
  background-color: #563aa1;
  color: #ffffff;
}
Kenarlık
.border-563aa1 {
  border: 2px solid #563aa1;
}
CSS değişkenleri
:root {
  --color-primary: #563aa1;
  --color-primary-rgb: 86 58 161;
  --color-primary-hsl: 256 47% 43%;
}
Geçiş
.gradient-563aa1 {
  background: linear-gradient(135deg, #563aa1, #893aa1);
}
Renkli gölge
.shadow-563aa1 {
  box-shadow: 0 8px 24px rgb(86 58 161 / 0.35);
}

#4f42b5 Ocean Blue ΔE 4.13 #663399 Rebecca Purple ΔE 4.23 #69359c Purple Heart ΔE 4.35 #483d8b Dark Slate Blue ΔE 4.70 #1c39bb Persian Blue ΔE 7.88 #1034a6 Egyptian Blue ΔE 8.43 #6c3082 Eminence ΔE 8.79 #a9c55e Ters renk #4e4e4e Gri tonlama 

Ocean Blue
#563aa1  rgb(86, 58, 161)  hsl(256, 47%, 43%)  Ocean Blue
#85a13a  rgb(133, 161, 58)  hsl(76, 47%, 43%)  Moss Green
#a1563a  rgb(161, 86, 58)  hsl(16, 47%, 43%)  Sienna
#3aa156  rgb(58, 161, 86)  hsl(136, 47%, 43%)  Shamrock Green