ColorTool
Giriş yap
#7C86AF

#7c86af ≈ Cool Gray

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

#7c86af, “mavi” ailesinden bir renktir; açıklığı orta, doygunluğu düşük. RGB modelinde %48,63 kırmızı, %52,55 yeşil ve %68,63 maviden oluşur; CMYK baskıda %29,14 camgöbeği, %23,43 macenta, %0 sarı ve %31,37 siyah kullanır. Ton açısı 228,24°, HSL’de doygunluğu %24,17 ve açıklığı %58,63’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 siyah metin 5,89:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Cool Gray (#8c92ac), ΔE 6,13.

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

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

Tamamlayıcı

  1. #7c86af
  2. #afa57c

Bölünmüş tamamlayıcı

  1. #7c86af
  2. #af8c7c
  3. #a0af7c

Komşu

  1. #7ca0af
  2. #7c86af
  3. #8c7caf

Üçlü

  1. #7c86af
  2. #af7c86
  3. #86af7c

Dörtlü

  1. #7c86af
  2. #a57caf
  3. #afa57c
  4. #86af7c

Kare

  1. #7c86af
  2. #af7ca0
  3. #afa57c
  4. #7caf8c

Tek renkli

  1. #373e5b
  2. #545f8a
  3. #7c86af
  4. #acb2cc
  5. #dbdee9

Koyu tonlar

#7c86af kademeli olarak siyahla karıştırıldı.

  1. #7c86af
  2. #70799e
  3. #636b8c
  4. #575e7b
  5. #4a5069
  6. #3e4358
  7. #323646
  8. #252835
  9. #191b23
  10. #0c0d12
  11. #000000

Açık tonlar

#7c86af kademeli olarak beyazla karıştırıldı.

  1. #7c86af
  2. #8992b7
  3. #969ebf
  4. #a3aac7
  5. #b0b6cf
  6. #bec3d7
  7. #cbcfdf
  8. #d8dbe7
  9. #e5e7ef
  10. #f2f3f7
  11. #ffffff

Tonlar

#7c86af kademeli olarak griyle karıştırıldı.

  1. #7c86af
  2. #7c85aa
  3. #7d85a6
  4. #7d84a1
  5. #7e849c
  6. #7e8398
  7. #7e8293
  8. #7f828e
  9. #7f8189
  10. #808185
  11. #808080

Okunaklı metin 3.57:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Okunaklı metin 5.89:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Akromatopsi #888888 Erkeklerin ≈ 0.003% kadarı
Akromatomali #838799 Erkeklerin ≈ 0.001% kadarı
Protanopi #7a8ab1 Erkeklerin ≈ 1.01% kadarı
Döteranopi #7686ae Erkeklerin ≈ 1.27% kadarı
Tritanopi #6f8e94 Erkeklerin ≈ 0.0001% kadarı
Protanomali #7b88b0 Erkeklerin ≈ 1.08% kadarı
Döteranomali #7986ae Erkeklerin ≈ 4.63% kadarı
Tritanomali #748b9f Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-7c86af {
  color: #7c86af;
}
Arka plan
.bg-7c86af {
  background-color: #7c86af;
  color: #000000;
}
Kenarlık
.border-7c86af {
  border: 2px solid #7c86af;
}
CSS değişkenleri
:root {
  --color-primary: #7c86af;
  --color-primary-rgb: 124 134 175;
  --color-primary-hsl: 228 24% 59%;
}
Geçiş
.gradient-7c86af {
  background: linear-gradient(135deg, #7c86af, #8c7caf);
}
Renkli gölge
.shadow-7c86af {
  box-shadow: 0 8px 24px rgb(124 134 175 / 0.35);
}

#8c92ac Cool Gray ΔE 6.13 #6082b6 Glaucous ΔE 7.60 #778899 Light Slate Gray ΔE 9.61 #778899 Light Slate Grey ΔE 9.61 #708090 Slate Gray ΔE 10.37 #708090 Slate Grey ΔE 10.37 #9678b6 Purple Mountain Majesty ΔE 10.74 #837950 Ters renk #888888 Gri tonlama 

Cool Gray
#7c86af  rgb(124, 134, 175)  hsl(228, 24%, 59%)  Cool Gray
#afa57c  rgb(175, 165, 124)  hsl(48, 24%, 59%)  Ecru
#af7c86  rgb(175, 124, 134)  hsl(348, 24%, 59%)  Turkish Rose
#86af7c  rgb(134, 175, 124)  hsl(108, 24%, 59%)  Asparagus