ColorTool
Giriş yap
#563CD5

#563cd5 ≈ Ocean Blue

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

#563cd5, “mor” ailesinden bir renktir; açıklığı orta, doygunluğu güçlü. RGB modelinde %33,73 kırmızı, %23,53 yeşil ve %83,53 maviden oluşur; CMYK baskıda %59,62 camgöbeği, %71,83 macenta, %0 sarı ve %16,47 siyah kullanır. Ton açısı 250,2°, HSL’de doygunluğu %64,56 ve açıklığı %53,53’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 6,99:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Ocean Blue (#4f42b5), ΔE 4,7.

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

Tamamlayıcı

  1. #563cd5
  2. #bbd53c

Bölünmüş tamamlayıcı

  1. #563cd5
  2. #d5a33c
  3. #6ed53c

Komşu

  1. #3c6ed5
  2. #563cd5
  3. #a33cd5

Üçlü

  1. #563cd5
  2. #d5563c
  3. #3cd556

Dörtlü

  1. #563cd5
  2. #d53cbb
  3. #bbd53c
  4. #3cd556

Kare

  1. #563cd5
  2. #d53c6e
  3. #bbd53c
  4. #3cd5a3

Tek renkli

  1. #221563
  2. #3823a2
  3. #563cd5
  4. #8d7be3
  5. #c3baf0

Koyu tonlar

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

  1. #563cd5
  2. #4d36c0
  3. #4530aa
  4. #3c2a95
  5. #342480
  6. #2b1e6b
  7. #221855
  8. #1a1240
  9. #110c2b
  10. #090615
  11. #000000

Açık tonlar

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

  1. #563cd5
  2. #6750d9
  3. #7863dd
  4. #8977e2
  5. #9a8ae6
  6. #ab9eea
  7. #bbb1ee
  8. #ccc5f2
  9. #ddd8f7
  10. #eeecfb
  11. #ffffff

Tonlar

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

  1. #563cd5
  2. #5a43cd
  3. #5e4ac4
  4. #6350bc
  5. #6757b3
  6. #6b5eab
  7. #6f65a2
  8. #736c9a
  9. #787291
  10. #7c7989
  11. #808080

Okunaklı metin 6.99:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Okunaklı metin 3:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Akromatopsi #595959 Erkeklerin ≈ 0.003% kadarı
Akromatomali #584f9b Erkeklerin ≈ 0.001% kadarı
Protanopi #005ed9 Erkeklerin ≈ 1.01% kadarı
Döteranopi #0054d2 Erkeklerin ≈ 1.27% kadarı
Tritanopi #006685 Erkeklerin ≈ 0.0001% kadarı
Protanomali #0052d8 Erkeklerin ≈ 1.08% kadarı
Döteranomali #004bd3 Erkeklerin ≈ 4.63% kadarı
Tritanomali #3458ab Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#4f42b5 Ocean Blue ΔE 4.70 #5a4fcf Iris ΔE 4.83 #6050dc Majorelle Blue ΔE 5.36 #5218fa Han Purple ΔE 5.75 #6f00ff Electric Indigo ΔE 7.15 #3f00ff Ultramarine ΔE 7.19 #1c39bb Persian Blue ΔE 7.37 #a9c32a Ters renk #595959 Gri tonlama 

Ocean Blue
#563cd5  rgb(86, 60, 213)  hsl(250, 65%, 54%)  Ocean Blue
#bbd53c  rgb(187, 213, 60)  hsl(70, 65%, 54%)  June Bud
#d5563c  rgb(213, 86, 60)  hsl(10, 65%, 54%)  Cinnabar
#3cd556  rgb(60, 213, 86)  hsl(130, 65%, 54%)  Malachite