ColorTool
Giriş yap
#51516D

#51516d ≈ Dark Slate Blue

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

#51516d, “mavi” ailesinden bir renktir; açıklığı düşük, doygunluğu düşük. RGB modelinde %31,76 kırmızı, %31,76 yeşil ve %42,75 maviden oluşur; CMYK baskıda %25,69 camgöbeği, %25,69 macenta, %0 sarı ve %57,25 siyah kullanır. Ton açısı 240°, HSL’de doygunluğu %14,74 ve açıklığı %37,25’dir. Soğuk bir renktir ve çoğunlukla güven, istikrar ve odak ile ilişkilendirilir. Tasarımcılar onu genellikle teknoloji ürünleri, finans ve bankacılık ve marka vurguları için kullanır. Bu renk üzerinde beyaz metin 7,64:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Dark Slate Blue (#483d8b), ΔE 12,41.

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

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

Tamamlayıcı

  1. #51516d
  2. #6d6d51

Bölünmüş tamamlayıcı

  1. #51516d
  2. #6d5f51
  3. #5f6d51

Komşu

  1. #515f6d
  2. #51516d
  3. #5f516d

Üçlü

  1. #51516d
  2. #6d5151
  3. #516d51

Dörtlü

  1. #51516d
  2. #6d516d
  3. #6d6d51
  4. #516d51

Kare

  1. #51516d
  2. #6d515f
  3. #6d6d51
  4. #516d5f

Tek renkli

  1. #101015
  2. #303041
  3. #51516d
  4. #737397
  5. #9f9fb8

Koyu tonlar

#51516d kademeli olarak siyahla karıştırıldı.

  1. #51516d
  2. #494962
  3. #414157
  4. #39394c
  5. #313141
  6. #292937
  7. #20202c
  8. #181821
  9. #101016
  10. #08080b
  11. #000000

Açık tonlar

#51516d kademeli olarak beyazla karıştırıldı.

  1. #51516d
  2. #62627c
  3. #74748a
  4. #858599
  5. #9797a7
  6. #a8a8b6
  7. #b9b9c5
  8. #cbcbd3
  9. #dcdce2
  10. #eeeef0
  11. #ffffff

Tonlar

#51516d kademeli olarak griyle karıştırıldı.

  1. #51516d
  2. #56566f
  3. #5a5a71
  4. #5f5f73
  5. #646475
  6. #696977
  7. #6d6d78
  8. #72727a
  9. #77777c
  10. #7b7b7e
  11. #808080

Okunaklı metin 7.64:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Okunaklı metin 2.75:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Akromatopsi #535353 Erkeklerin ≈ 0.003% kadarı
Akromatomali #52525f Erkeklerin ≈ 0.001% kadarı
Protanopi #4a546e Erkeklerin ≈ 1.01% kadarı
Döteranopi #49536c Erkeklerin ≈ 1.27% kadarı
Tritanopi #4b565b Erkeklerin ≈ 0.0001% kadarı
Protanomali #4d536e Erkeklerin ≈ 1.08% kadarı
Döteranomali #4c526d Erkeklerin ≈ 4.63% kadarı
Tritanomali #4d5462 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-51516d {
  color: #51516d;
}
Arka plan
.bg-51516d {
  background-color: #51516d;
  color: #ffffff;
}
Kenarlık
.border-51516d {
  border: 2px solid #51516d;
}
CSS değişkenleri
:root {
  --color-primary: #51516d;
  --color-primary-rgb: 81 81 109;
  --color-primary-hsl: 240 15% 37%;
}
Geçiş
.gradient-51516d {
  background: linear-gradient(135deg, #51516d, #5f516d);
}
Renkli gölge
.shadow-51516d {
  box-shadow: 0 8px 24px rgb(81 81 109 / 0.35);
}

#483d8b Dark Slate Blue ΔE 12.41 #796878 Old Lavender ΔE 12.55 #555555 Davy's Gray ΔE 13.32 #614051 Eggplant ΔE 13.59 #36454f Charcoal ΔE 13.85 #645452 Wenge ΔE 14.53 #7851a9 Royal Purple ΔE 14.97 #aeae92 Ters renk #535353 Gri tonlama 

Dark Slate Blue
#51516d  rgb(81, 81, 109)  hsl(240, 15%, 37%)  Dark Slate Blue
#6d6d51  rgb(109, 109, 81)  hsl(60, 15%, 37%)  Dark Olive Green
#6d5151  rgb(109, 81, 81)  hsl(0, 15%, 37%)  Liver
#516d51  rgb(81, 109, 81)  hsl(120, 15%, 37%)  Hunter Green