ColorTool
Giriş yap
#5B445A

#5b445a ≈ Eggplant

  • macenta
  • Açıklık: düşük
  • Doygunluk: düşük
  • Dengeli
Kontrastı denetle Grafikte keşfet Rastgele renk

#5b445a, “macenta” ailesinden bir renktir; açıklığı düşük, doygunluğu düşük. RGB modelinde %35,69 kırmızı, %26,67 yeşil ve %35,29 maviden oluşur; CMYK baskıda %0 camgöbeği, %25,27 macenta, %1,1 sarı ve %64,31 siyah kullanır. Ton açısı 302,61°, HSL’de doygunluğu %14,47 ve açıklığı %31,18’dir. Sıcak ile soğuk arasında yer alır ve çoğunlukla yaratıcılık, cesaret ve bireysellik ile ilişkilendirilir. Tasarımcılar onu genellikle güzellik ve kozmetik, yaratıcı stüdyolar ve kurumsal kimlikler için kullanır. Bu renk üzerinde beyaz metin 8,68:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Eggplant (#614051), ΔE 4,2.

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

Tamamlayıcı

  1. #5b445a
  2. #445b45

Bölünmüş tamamlayıcı

  1. #5b445a
  2. #4f5b44
  3. #445b51

Komşu

  1. #51445b
  2. #5b445a
  3. #5b444f

Üçlü

  1. #5b445a
  2. #5a5b44
  3. #445a5b

Dörtlü

  1. #5b445a
  2. #5b4544
  3. #445b45
  4. #445a5b

Kare

  1. #5b445a
  2. #5b5144
  3. #445b45
  4. #444f5b

Tek renkli

  1. #0c090c
  2. #2f232f
  3. #5b445a
  4. #876585
  5. #aa8ea9

Koyu tonlar

#5b445a kademeli olarak siyahla karıştırıldı.

  1. #5b445a
  2. #523d51
  3. #493648
  4. #40303f
  5. #372936
  6. #2e222d
  7. #241b24
  8. #1b141b
  9. #120e12
  10. #090709
  11. #000000

Açık tonlar

#5b445a kademeli olarak beyazla karıştırıldı.

  1. #5b445a
  2. #6b576b
  3. #7c697b
  4. #8c7c8c
  5. #9d8f9c
  6. #ada2ad
  7. #bdb4bd
  8. #cec7ce
  9. #dedade
  10. #efecef
  11. #ffffff

Tonlar

#5b445a kademeli olarak griyle karıştırıldı.

  1. #5b445a
  2. #5f4a5e
  3. #625062
  4. #665665
  5. #6a5c69
  6. #6e626d
  7. #716871
  8. #756e75
  9. #797478
  10. #7c7a7c
  11. #808080

Okunaklı metin 8.68:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Okunaklı metin 2.42:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Akromatopsi #4b4b4b Erkeklerin ≈ 0.003% kadarı
Akromatomali #524852 Erkeklerin ≈ 0.001% kadarı
Protanopi #434a5b Erkeklerin ≈ 1.01% kadarı
Döteranopi #484c59 Erkeklerin ≈ 1.27% kadarı
Tritanopi #5d464c Erkeklerin ≈ 0.0001% kadarı
Protanomali #4e475b Erkeklerin ≈ 1.08% kadarı
Döteranomali #50495a Erkeklerin ≈ 4.63% kadarı
Tritanomali #5c4552 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-5b445a {
  color: #5b445a;
}
Arka plan
.bg-5b445a {
  background-color: #5b445a;
  color: #ffffff;
}
Kenarlık
.border-5b445a {
  border: 2px solid #5b445a;
}
CSS değişkenleri
:root {
  --color-primary: #5b445a;
  --color-primary-rgb: 91 68 90;
  --color-primary-hsl: 303 14% 31%;
}
Geçiş
.gradient-5b445a {
  background: linear-gradient(135deg, #5b445a, #5b444f);
}
Renkli gölge
.shadow-5b445a {
  box-shadow: 0 8px 24px rgb(91 68 90 / 0.35);
}

#614051 Eggplant ΔE 4.20 #702963 Byzantium ΔE 11.85 #8a496b Twilight Lavender ΔE 11.85 #645452 Wenge ΔE 12.23 #674c47 Liver ΔE 12.55 #796878 Old Lavender ΔE 12.74 #873260 Boysenberry ΔE 12.92 #a4bba5 Ters renk #4b4b4b Gri tonlama 

Eggplant
#5b445a  rgb(91, 68, 90)  hsl(303, 14%, 31%)  Eggplant
#445b45  rgb(68, 91, 69)  hsl(123, 14%, 31%)  Hunter Green
#5a5b44  rgb(90, 91, 68)  hsl(63, 14%, 31%)  Rifle Green
#445a5b  rgb(68, 90, 91)  hsl(183, 14%, 31%)  Dark Slate Gray