ColorTool
Giriş yap
#5A484C

#5a484c ≈ Wenge

  • kırmızı
  • Açıklık: düşük
  • Doygunluk: neredeyse hiç yok
  • Nötr
Kontrastı denetle Grafikte keşfet Rastgele renk

#5a484c, “kırmızı” ailesinden bir renktir; açıklığı düşük, doygunluğu neredeyse hiç yok. RGB modelinde %35,29 kırmızı, %28,24 yeşil ve %29,8 maviden oluşur; CMYK baskıda %0 camgöbeği, %20 macenta, %15,56 sarı ve %64,71 siyah kullanır. Ton açısı 346,67°, HSL’de doygunluğu %11,11 ve açıklığı %31,76’dir. Nötr 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 8,52:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Wenge (#645452), ΔE 5,22.

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

Tamamlayıcı

  1. #5a484c
  2. #485a56

Bölünmüş tamamlayıcı

  1. #5a484c
  2. #485a4d
  3. #48555a

Komşu

  1. #5a4855
  2. #5a484c
  3. #5a4d48

Üçlü

  1. #5a484c
  2. #4c5a48
  3. #484c5a

Dörtlü

  1. #5a484c
  2. #5a5648
  3. #485a56
  4. #484c5a

Kare

  1. #5a484c
  2. #555a48
  3. #485a56
  4. #4d485a

Tek renkli

  1. #0b090a
  2. #2f2628
  3. #5a484c
  4. #846a70
  5. #a89397

Koyu tonlar

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

  1. #5a484c
  2. #514144
  3. #483a3d
  4. #3f3235
  5. #362b2e
  6. #2d2426
  7. #241d1e
  8. #1b1617
  9. #120e0f
  10. #090708
  11. #000000

Açık tonlar

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

  1. #5a484c
  2. #6b5a5e
  3. #7b6d70
  4. #8c7f82
  5. #9c9194
  6. #ada4a6
  7. #bdb6b7
  8. #cec8c9
  9. #dedadb
  10. #efeded
  11. #ffffff

Tonlar

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

  1. #5a484c
  2. #5e4e51
  3. #625356
  4. #65595c
  5. #695e61
  6. #6d6466
  7. #716a6b
  8. #756f70
  9. #787576
  10. #7c7a7b
  11. #808080

Okunaklı metin 8.52:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Okunaklı metin 2.47:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Akromatopsi #4d4d4d Erkeklerin ≈ 0.003% kadarı
Akromatomali #524b4c Erkeklerin ≈ 0.001% kadarı
Protanopi #4a4b4c Erkeklerin ≈ 1.01% kadarı
Döteranopi #4e4e4c Erkeklerin ≈ 1.27% kadarı
Tritanopi #5d4749 Erkeklerin ≈ 0.0001% kadarı
Protanomali #514a4c Erkeklerin ≈ 1.08% kadarı
Döteranomali #534b4c Erkeklerin ≈ 4.63% kadarı
Tritanomali #5c474a Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#645452 Wenge ΔE 5.22 #674c47 Liver ΔE 5.93 #614051 Eggplant ΔE 7.73 #635147 Umber ΔE 8.26 #555555 Davy's Gray ΔE 10.23 #483c32 Taupe ΔE 10.40 #7c4848 Tuscan Red ΔE 11.51 #a5b7b3 Ters renk #4d4d4d Gri tonlama 

Wenge
#5a484c  rgb(90, 72, 76)  hsl(347, 11%, 32%)  Wenge
#485a56  rgb(72, 90, 86)  hsl(167, 11%, 32%)  Feldgrau
#4c5a48  rgb(76, 90, 72)  hsl(107, 11%, 32%)  Feldgrau
#484c5a  rgb(72, 76, 90)  hsl(227, 11%, 32%)  Charcoal