ColorTool
Giriş yap
#554C78

#554c78 ≈ Dark Slate Blue

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

#554c78, “mor” ailesinden bir renktir; açıklığı düşük, doygunluğu düşük. RGB modelinde %33,33 kırmızı, %29,8 yeşil ve %47,06 maviden oluşur; CMYK baskıda %29,17 camgöbeği, %36,67 macenta, %0 sarı ve %52,94 siyah kullanır. Ton açısı 252,27°, HSL’de doygunluğu %22,45 ve açıklığı %38,43’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 7,8:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Dark Slate Blue (#483d8b), ΔE 8,51.

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

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

Tamamlayıcı

  1. #554c78
  2. #6f784c

Bölünmüş tamamlayıcı

  1. #554c78
  2. #786b4c
  3. #59784c

Komşu

  1. #4c5978
  2. #554c78
  3. #6b4c78

Üçlü

  1. #554c78
  2. #78554c
  3. #4c7855

Dörtlü

  1. #554c78
  2. #784c6f
  3. #6f784c
  4. #4c7855

Kare

  1. #554c78
  2. #784c59
  3. #6f784c
  4. #4c786b

Tek renkli

  1. #13111a
  2. #342e49
  3. #554c78
  4. #786ea3
  5. #a49cc1

Koyu tonlar

#554c78 kademeli olarak siyahla karıştırıldı.

  1. #554c78
  2. #4d446c
  3. #443d60
  4. #3c3554
  5. #332e48
  6. #2b263c
  7. #221e30
  8. #1a1724
  9. #110f18
  10. #09080c
  11. #000000

Açık tonlar

#554c78 kademeli olarak beyazla karıştırıldı.

  1. #554c78
  2. #665e86
  3. #777093
  4. #8882a1
  5. #9994ae
  6. #aaa6bc
  7. #bbb7c9
  8. #ccc9d7
  9. #dddbe4
  10. #eeedf2
  11. #ffffff

Tonlar

#554c78 kademeli olarak griyle karıştırıldı.

  1. #554c78
  2. #595179
  3. #5e567a
  4. #625c7a
  5. #66617b
  6. #6b667c
  7. #6f6b7d
  8. #73707e
  9. #77767e
  10. #7c7b7f
  11. #808080

Okunaklı metin 7.8:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Okunaklı metin 2.69:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Akromatopsi #525252 Erkeklerin ≈ 0.003% kadarı
Akromatomali #535063 Erkeklerin ≈ 0.001% kadarı
Protanopi #40537a Erkeklerin ≈ 1.01% kadarı
Döteranopi #415177 Erkeklerin ≈ 1.27% kadarı
Tritanopi #4d545c Erkeklerin ≈ 0.0001% kadarı
Protanomali #495079 Erkeklerin ≈ 1.08% kadarı
Döteranomali #4a4f77 Erkeklerin ≈ 4.63% kadarı
Tritanomali #515168 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-554c78 {
  color: #554c78;
}
Arka plan
.bg-554c78 {
  background-color: #554c78;
  color: #ffffff;
}
Kenarlık
.border-554c78 {
  border: 2px solid #554c78;
}
CSS değişkenleri
:root {
  --color-primary: #554c78;
  --color-primary-rgb: 85 76 120;
  --color-primary-hsl: 252 22% 38%;
}
Geçiş
.gradient-554c78 {
  background: linear-gradient(135deg, #554c78, #6b4c78);
}
Renkli gölge
.shadow-554c78 {
  box-shadow: 0 8px 24px rgb(85 76 120 / 0.35);
}

#483d8b Dark Slate Blue ΔE 8.51 #7851a9 Royal Purple ΔE 11.34 #6c3082 Eminence ΔE 11.85 #663399 Rebecca Purple ΔE 12.12 #69359c Purple Heart ΔE 12.16 #4f42b5 Ocean Blue ΔE 13.09 #614051 Eggplant ΔE 13.24 #aab387 Ters renk #525252 Gri tonlama 

Dark Slate Blue
#554c78  rgb(85, 76, 120)  hsl(252, 22%, 38%)  Dark Slate Blue
#6f784c  rgb(111, 120, 76)  hsl(72, 22%, 38%)  Dark Olive Green
#78554c  rgb(120, 85, 76)  hsl(12, 22%, 38%)  Liver
#4c7855  rgb(76, 120, 85)  hsl(132, 22%, 38%)  Fern Green