ColorTool
Giriş yap
#646170

#646170 ≈ Old Lavender

  • gri
  • Açıklık: orta
  • Doygunluk: neredeyse hiç yok
  • Nötr
Kontrastı denetle Grafikte keşfet Rastgele renk

#646170, “gri” ailesinden bir renktir; açıklığı orta, doygunluğu neredeyse hiç yok. RGB modelinde %39,22 kırmızı, %38,04 yeşil ve %43,92 maviden oluşur; CMYK baskıda %10,71 camgöbeği, %13,39 macenta, %0 sarı ve %56,08 siyah kullanır. Ton açısı 252°, HSL’de doygunluğu %7,18 ve açıklığı %40,98’dir. Nötr bir renktir ve çoğunlukla tarafsızlık, denge ve profesyonellik ile ilişkilendirilir. Tasarımcılar onu genellikle gövde metni ve tipografi, kurumsal kimlikler ve marka vurguları için kullanır. Bu renk üzerinde beyaz metin 6,02:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Old Lavender (#796878), ΔE 7,16.

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

Tamamlayıcı

  1. #646170
  2. #6d7061

Bölünmüş tamamlayıcı

  1. #646170
  2. #706c61
  3. #657061

Komşu

  1. #616570
  2. #646170
  3. #6c6170

Üçlü

  1. #646170
  2. #706461
  3. #617064

Dörtlü

  1. #646170
  2. #70616d
  3. #6d7061
  4. #617064

Kare

  1. #646170
  2. #706165
  3. #6d7061
  4. #61706c

Tek renkli

  1. #1b1a1e
  2. #3f3d47
  3. #646170
  4. #8a8797
  5. #b2b0ba

Koyu tonlar

#646170 kademeli olarak siyahla karıştırıldı.

  1. #646170
  2. #5a5765
  3. #504e5a
  4. #46444e
  5. #3c3a43
  6. #323138
  7. #28272d
  8. #1e1d22
  9. #141316
  10. #0a0a0b
  11. #000000

Açık tonlar

#646170 kademeli olarak beyazla karıştırıldı.

  1. #646170
  2. #74717e
  3. #83818d
  4. #93909b
  5. #a2a0a9
  6. #b2b0b8
  7. #c1c0c6
  8. #d1d0d4
  9. #e0dfe2
  10. #f0eff1
  11. #ffffff

Tonlar

#646170 kademeli olarak griyle karıştırıldı.

  1. #646170
  2. #676472
  3. #6a6773
  4. #6c6a75
  5. #6f6d76
  6. #727178
  7. #75747a
  8. #78777b
  9. #7a7a7d
  10. #7d7d7e
  11. #808080

Okunaklı metin 6.02:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Okunaklı metin 3.49:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Akromatopsi #636363 Erkeklerin ≈ 0.003% kadarı
Akromatomali #636268 Erkeklerin ≈ 0.001% kadarı
Protanopi #5e6371 Erkeklerin ≈ 1.01% kadarı
Döteranopi #5e6370 Erkeklerin ≈ 1.27% kadarı
Tritanopi #626366 Erkeklerin ≈ 0.0001% kadarı
Protanomali #606270 Erkeklerin ≈ 1.08% kadarı
Döteranomali #616270 Erkeklerin ≈ 4.63% kadarı
Tritanomali #63626a Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-646170 {
  color: #646170;
}
Arka plan
.bg-646170 {
  background-color: #646170;
  color: #ffffff;
}
Kenarlık
.border-646170 {
  border: 2px solid #646170;
}
CSS değişkenleri
:root {
  --color-primary: #646170;
  --color-primary-rgb: 100 97 112;
  --color-primary-hsl: 252 7% 41%;
}
Geçiş
.gradient-646170 {
  background: linear-gradient(135deg, #646170, #6c6170);
}
Renkli gölge
.shadow-646170 {
  box-shadow: 0 8px 24px rgb(100 97 112 / 0.35);
}

#796878 Old Lavender ΔE 7.16 #696969 Dim Gray ΔE 8.76 #696969 Dim Grey ΔE 8.76 #555555 Davy's Gray ΔE 9.81 #645452 Wenge ΔE 10.60 #708090 Slate Gray ΔE 14.27 #708090 Slate Grey ΔE 14.27 #9b9e8f Ters renk #636363 Gri tonlama 

Old Lavender
#646170  rgb(100, 97, 112)  hsl(252, 7%, 41%)  Old Lavender
#6d7061  rgb(109, 112, 97)  hsl(72, 7%, 41%)  Dim Gray
#706461  rgb(112, 100, 97)  hsl(12, 7%, 41%)  Wenge
#617064  rgb(97, 112, 100)  hsl(132, 7%, 41%)  Feldgrau