ColorTool
Giriş yap
#554B7B

#554b7b ≈ Dark Slate Blue

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

#554b7b, “mor” ailesinden bir renktir; açıklığı düşük, doygunluğu düşük. RGB modelinde %33,33 kırmızı, %29,41 yeşil ve %48,24 maviden oluşur; CMYK baskıda %30,89 camgöbeği, %39,02 macenta, %0 sarı ve %51,76 siyah kullanır. Ton açısı 252,5°, HSL’de doygunluğu %24,24 ve açıklığı %38,82’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,84:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Dark Slate Blue (#483d8b), ΔE 7,54.

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

Tamamlayıcı

  1. #554b7b
  2. #717b4b

Bölünmüş tamamlayıcı

  1. #554b7b
  2. #7b6d4b
  3. #597b4b

Komşu

  1. #4b597b
  2. #554b7b
  3. #6d4b7b

Üçlü

  1. #554b7b
  2. #7b554b
  3. #4b7b55

Dörtlü

  1. #554b7b
  2. #7b4b71
  3. #717b4b
  4. #4b7b55

Kare

  1. #554b7b
  2. #7b4b59
  3. #717b4b
  4. #4b7b6d

Tek renkli

  1. #13111c
  2. #342e4b
  3. #554b7b
  4. #796da6
  5. #a49cc3

Koyu tonlar

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

  1. #554b7b
  2. #4d446f
  3. #443c62
  4. #3c3556
  5. #332d4a
  6. #2b263e
  7. #221e31
  8. #1a1725
  9. #110f19
  10. #09080c
  11. #000000

Açık tonlar

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

  1. #554b7b
  2. #665d88
  3. #776f95
  4. #8881a3
  5. #9993b0
  6. #aaa5bd
  7. #bbb7ca
  8. #ccc9d7
  9. #dddbe5
  10. #eeedf2
  11. #ffffff

Tonlar

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

  1. #554b7b
  2. #59507c
  3. #5e567c
  4. #625b7d
  5. #66607d
  6. #6b667e
  7. #6f6b7e
  8. #73707f
  9. #77757f
  10. #7c7b80
  11. #808080

Okunaklı metin 7.84:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Okunaklı metin 2.68:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Akromatopsi #525252 Erkeklerin ≈ 0.003% kadarı
Akromatomali #534f65 Erkeklerin ≈ 0.001% kadarı
Protanopi #3d527d Erkeklerin ≈ 1.01% kadarı
Döteranopi #3e517a Erkeklerin ≈ 1.27% kadarı
Tritanopi #4d545d Erkeklerin ≈ 0.0001% kadarı
Protanomali #48507c Erkeklerin ≈ 1.08% kadarı
Döteranomali #484f7a Erkeklerin ≈ 4.63% kadarı
Tritanomali #50506a Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#483d8b Dark Slate Blue ΔE 7.54 #7851a9 Royal Purple ΔE 10.65 #6c3082 Eminence ΔE 11.21 #663399 Rebecca Purple ΔE 11.24 #69359c Purple Heart ΔE 11.27 #4f42b5 Ocean Blue ΔE 12.15 #614051 Eggplant ΔE 13.87 #aab484 Ters renk #525252 Gri tonlama 

Dark Slate Blue
#554b7b  rgb(85, 75, 123)  hsl(253, 24%, 39%)  Dark Slate Blue
#717b4b  rgb(113, 123, 75)  hsl(73, 24%, 39%)  Dark Olive Green
#7b554b  rgb(123, 85, 75)  hsl(13, 24%, 39%)  Liver
#4b7b55  rgb(75, 123, 85)  hsl(133, 24%, 39%)  Fern Green