ColorTool
Giriş yap
#878FA6

#878fa6 ≈ Cool Gray

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

#878fa6, “mavi” ailesinden bir renktir; açıklığı orta, doygunluğu düşük. RGB modelinde %52,94 kırmızı, %56,08 yeşil ve %65,1 maviden oluşur; CMYK baskıda %18,67 camgöbeği, %13,86 macenta, %0 sarı ve %34,9 siyah kullanır. Ton açısı 224,52°, HSL’de doygunluğu %14,83 ve açıklığı %59,02’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 6,51:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Cool Gray (#8c92ac), ΔE 2,05.

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

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

Tamamlayıcı

  1. #878fa6
  2. #a69e87

Bölünmüş tamamlayıcı

  1. #878fa6
  2. #a68f87
  3. #9ea687

Komşu

  1. #879ea6
  2. #878fa6
  3. #8f87a6

Üçlü

  1. #878fa6
  2. #a6878f
  3. #8fa687

Dörtlü

  1. #878fa6
  2. #9e87a6
  3. #a69e87
  4. #8fa687

Kare

  1. #878fa6
  2. #a6879e
  3. #a69e87
  4. #87a68f

Tek renkli

  1. #3f4555
  2. #606881
  3. #878fa6
  4. #b3b8c7
  5. #dfe1e7

Koyu tonlar

#878fa6 kademeli olarak siyahla karıştırıldı.

  1. #878fa6
  2. #7a8195
  3. #6c7285
  4. #5f6474
  5. #515664
  6. #444853
  7. #363942
  8. #292b32
  9. #1b1d21
  10. #0e0e11
  11. #000000

Açık tonlar

#878fa6 kademeli olarak beyazla karıştırıldı.

  1. #878fa6
  2. #939aaf
  3. #9fa5b8
  4. #abb1c1
  5. #b7bcca
  6. #c3c7d3
  7. #cfd2db
  8. #dbdde4
  9. #e7e9ed
  10. #f3f4f6
  11. #ffffff

Tonlar

#878fa6 kademeli olarak griyle karıştırıldı.

  1. #878fa6
  2. #868ea2
  3. #868c9e
  4. #858b9b
  5. #848997
  6. #848893
  7. #83868f
  8. #82858b
  9. #818388
  10. #818284
  11. #808080

Okunaklı metin 3.23:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Okunaklı metin 6.51:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Akromatopsi #8f8f8f Erkeklerin ≈ 0.003% kadarı
Akromatomali #8c8f99 Erkeklerin ≈ 0.001% kadarı
Protanopi #8891a7 Erkeklerin ≈ 1.01% kadarı
Döteranopi #868ea5 Erkeklerin ≈ 1.27% kadarı
Tritanopi #809396 Erkeklerin ≈ 0.0001% kadarı
Protanomali #8890a7 Erkeklerin ≈ 1.08% kadarı
Döteranomali #868ea6 Erkeklerin ≈ 4.63% kadarı
Tritanomali #83929d Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-878fa6 {
  color: #878fa6;
}
Arka plan
.bg-878fa6 {
  background-color: #878fa6;
  color: #000000;
}
Kenarlık
.border-878fa6 {
  border: 2px solid #878fa6;
}
CSS değişkenleri
:root {
  --color-primary: #878fa6;
  --color-primary-rgb: 135 143 166;
  --color-primary-hsl: 225 15% 59%;
}
Geçiş
.gradient-878fa6 {
  background: linear-gradient(135deg, #878fa6, #8f87a6);
}
Renkli gölge
.shadow-878fa6 {
  box-shadow: 0 8px 24px rgb(135 143 166 / 0.35);
}

#8c92ac Cool Gray ΔE 2.05 #778899 Light Slate Gray ΔE 6.48 #778899 Light Slate Grey ΔE 6.48 #708090 Slate Gray ΔE 8.33 #708090 Slate Grey ΔE 8.33 #8b8589 Taupe Gray ΔE 9.96 #a2add0 Wild Blue Yonder ΔE 10.06 #787059 Ters renk #8f8f8f Gri tonlama 

Cool Gray
#878fa6  rgb(135, 143, 166)  hsl(225, 15%, 59%)  Cool Gray
#a69e87  rgb(166, 158, 135)  hsl(45, 15%, 59%)  Ecru
#a6878f  rgb(166, 135, 143)  hsl(345, 15%, 59%)  Mountbatten Pink
#8fa687  rgb(143, 166, 135)  hsl(105, 15%, 59%)  Dark Sea Green