ColorTool
Giriş yap
#5B313B

#5b313b ≈ Eggplant

  • kırmızı
  • Açıklık: düşük
  • Doygunluk: düşük
  • Sıcak
Kontrastı denetle Grafikte keşfet Rastgele renk

#5b313b, “kırmızı” ailesinden bir renktir; açıklığı düşük, doygunluğu düşük. RGB modelinde %35,69 kırmızı, %19,22 yeşil ve %23,14 maviden oluşur; CMYK baskıda %0 camgöbeği, %46,15 macenta, %35,16 sarı ve %64,31 siyah kullanır. Ton açısı 345,71°, HSL’de doygunluğu %30 ve açıklığı %27,45’dir. Sıcak bir renktir ve çoğunlukla enerji, tutku ve aciliyet ile ilişkilendirilir. Tasarımcılar onu genellikle gıda markaları ve restoranlar, indirimler ve kampanyalar ve kurumsal kimlikler için kullanır. Bu renk üzerinde beyaz metin 10,78:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Eggplant (#614051), ΔE 6,27.

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

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

Tamamlayıcı

  1. #5b313b
  2. #315b51

Bölünmüş tamamlayıcı

  1. #5b313b
  2. #315b3c
  3. #31505b

Komşu

  1. #5b3150
  2. #5b313b
  3. #5b3c31

Üçlü

  1. #5b313b
  2. #3b5b31
  3. #313b5b

Dörtlü

  1. #5b313b
  2. #5b5131
  3. #315b51
  4. #313b5b

Kare

  1. #5b313b
  2. #505b31
  3. #315b51
  4. #3c315b

Tek renkli

  1. #0d0709
  2. #29161b
  3. #5b313b
  4. #8d4c5b
  5. #b37281

Koyu tonlar

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

  1. #5b313b
  2. #522c35
  3. #49272f
  4. #402229
  5. #371d23
  6. #2e191e
  7. #241418
  8. #1b0f12
  9. #120a0c
  10. #090506
  11. #000000

Açık tonlar

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

  1. #5b313b
  2. #6b464f
  3. #7c5a62
  4. #8c6f76
  5. #9d8389
  6. #ad989d
  7. #bdadb1
  8. #cec1c4
  9. #ded6d8
  10. #efeaeb
  11. #ffffff

Tonlar

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

  1. #5b313b
  2. #5f3942
  3. #624149
  4. #664950
  5. #6a5157
  6. #6e595e
  7. #716064
  8. #75686b
  9. #797072
  10. #7c7879
  11. #808080

Okunaklı metin 10.78:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Okunaklı metin 1.95:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Akromatopsi #3d3d3d Erkeklerin ≈ 0.003% kadarı
Akromatomali #4b393c Erkeklerin ≈ 0.001% kadarı
Protanopi #38393b Erkeklerin ≈ 1.01% kadarı
Döteranopi #42403a Erkeklerin ≈ 1.27% kadarı
Tritanopi #622e35 Erkeklerin ≈ 0.0001% kadarı
Protanomali #48363b Erkeklerin ≈ 1.08% kadarı
Döteranomali #4d3b3a Erkeklerin ≈ 4.63% kadarı
Tritanomali #5f2f37 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#614051 Eggplant ΔE 6.27 #722f37 Wine ΔE 6.88 #592720 Caput Mortuum ΔE 9.32 #7c4848 Tuscan Red ΔE 9.84 #7f1734 Claret ΔE 10.67 #78184a Pansy Purple ΔE 10.86 #674c47 Liver ΔE 11.11 #a4cec4 Ters renk #3d3d3d Gri tonlama 

Eggplant
#5b313b  rgb(91, 49, 59)  hsl(346, 30%, 27%)  Eggplant
#315b51  rgb(49, 91, 81)  hsl(166, 30%, 27%)  Dark Slate Gray
#3b5b31  rgb(59, 91, 49)  hsl(106, 30%, 27%)  Hunter Green
#313b5b  rgb(49, 59, 91)  hsl(226, 30%, 27%)  Prussian Blue