ColorTool
Giriş yap
#AAA7BA

#aaa7ba ≈ Rose Quartz

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

#aaa7ba, “mavi” ailesinden bir renktir; açıklığı yüksek, doygunluğu düşük. RGB modelinde %66,67 kırmızı, %65,49 yeşil ve %72,94 maviden oluşur; CMYK baskıda %8,6 camgöbeği, %10,22 macenta, %0 sarı ve %27,06 siyah kullanır. Ton açısı 249,47°, HSL’de doygunluğu %12,1 ve açıklığı %69,22’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 8,95:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Rose Quartz (#aa98a9), ΔE 7,03.

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

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

Tamamlayıcı

  1. #aaa7ba
  2. #b7baa7

Bölünmüş tamamlayıcı

  1. #aaa7ba
  2. #bab4a7
  3. #aebaa7

Komşu

  1. #a7aeba
  2. #aaa7ba
  3. #b4a7ba

Üçlü

  1. #aaa7ba
  2. #baaaa7
  3. #a7baaa

Dörtlü

  1. #aaa7ba
  2. #baa7b7
  3. #b7baa7
  4. #a7baaa

Kare

  1. #aaa7ba
  2. #baa7ae
  3. #b7baa7
  4. #a7bab4

Tek renkli

  1. #5c5870
  2. #817c98
  3. #aaa7ba
  4. #d3d2dc
  5. #f4f4f6

Koyu tonlar

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

  1. #aaa7ba
  2. #9996a7
  3. #888695
  4. #777582
  5. #666470
  6. #55545d
  7. #44434a
  8. #333238
  9. #222125
  10. #111113
  11. #000000

Açık tonlar

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

  1. #aaa7ba
  2. #b3b0c1
  3. #bbb9c8
  4. #c4c1cf
  5. #cccad6
  6. #d5d3dd
  7. #dddce3
  8. #e6e5ea
  9. #eeedf1
  10. #f7f6f8
  11. #ffffff

Tonlar

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

  1. #aaa7ba
  2. #a6a3b4
  3. #a29fae
  4. #9d9ba9
  5. #9997a3
  6. #95949d
  7. #919097
  8. #8d8c91
  9. #88888c
  10. #848486
  11. #808080

Okunaklı metin 2.35:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 8.95:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #a9a9a9 Erkeklerin ≈ 0.003% kadarı
Akromatomali #a9a8b0 Erkeklerin ≈ 0.001% kadarı
Protanopi #a3a9bb Erkeklerin ≈ 1.01% kadarı
Döteranopi #a3a9b9 Erkeklerin ≈ 1.27% kadarı
Tritanopi #a7aaad Erkeklerin ≈ 0.0001% kadarı
Protanomali #a6a8bb Erkeklerin ≈ 1.08% kadarı
Döteranomali #a6a8ba Erkeklerin ≈ 4.63% kadarı
Tritanomali #a8a9b2 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-aaa7ba {
  color: #aaa7ba;
}
Arka plan
.bg-aaa7ba {
  background-color: #aaa7ba;
  color: #000000;
}
Kenarlık
.border-aaa7ba {
  border: 2px solid #aaa7ba;
}
CSS değişkenleri
:root {
  --color-primary: #aaa7ba;
  --color-primary-rgb: 170 167 186;
  --color-primary-hsl: 249 12% 69%;
}
Geçiş
.gradient-aaa7ba {
  background: linear-gradient(135deg, #aaa7ba, #b4a7ba);
}
Renkli gölge
.shadow-aaa7ba {
  box-shadow: 0 8px 24px rgb(170 167 186 / 0.35);
}

#aa98a9 Rose Quartz ΔE 7.03 #b39eb5 Pastel Purple ΔE 7.23 #a2add0 Wild Blue Yonder ΔE 7.33 #8c92ac Cool Gray ΔE 8.20 #a9a9a9 Dark Gray ΔE 9.32 #a9a9a9 Dark Grey ΔE 9.32 #d6cadd Languid Lavender ΔE 10.39 #555845 Ters renk #a9a9a9 Gri tonlama 

Rose Quartz
#aaa7ba  rgb(170, 167, 186)  hsl(249, 12%, 69%)  Rose Quartz
#b7baa7  rgb(183, 186, 167)  hsl(69, 12%, 69%)  Ash Gray
#baaaa7  rgb(186, 170, 167)  hsl(9, 12%, 69%)  Silver Pink
#a7baaa  rgb(167, 186, 170)  hsl(129, 12%, 69%)  Ash Gray