ColorTool
Giriş yap
#BBA5A5

#bba5a5 ≈ Silver Pink

  • kırmızı
  • Açıklık: yüksek
  • Doygunluk: düşük
  • Sıcak
Kontrastı denetle Grafikte keşfet Rastgele renk

#bba5a5, “kırmızı” ailesinden bir renktir; açıklığı yüksek, doygunluğu düşük. RGB modelinde %73,33 kırmızı, %64,71 yeşil ve %64,71 maviden oluşur; CMYK baskıda %0 camgöbeği, %11,76 macenta, %11,76 sarı ve %26,67 siyah kullanır. Ton açısı 0°, HSL’de doygunluğu %13,92 ve açıklığı %69,02’dir. Sıcak bir renktir ve çoğunlukla enerji, tutku ve aciliyet ile ilişkilendirilir. Tasarımcılar onu genellikle gıda markaları ve restoranlar, indirimler ve kampanyalar ve marka vurguları için kullanır. Bu renk üzerinde siyah metin 9,04:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Silver Pink (#c4aead), ΔE 2,56.

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

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

Tamamlayıcı

  1. #bba5a5
  2. #a5bbbb

Bölünmüş tamamlayıcı

  1. #bba5a5
  2. #a5bbb0
  3. #a5b0bb

Komşu

  1. #bba5b0
  2. #bba5a5
  3. #bbb0a5

Üçlü

  1. #bba5a5
  2. #a5bba5
  3. #a5a5bb

Dörtlü

  1. #bba5a5
  2. #bbbba5
  3. #a5bbbb
  4. #a5a5bb

Kare

  1. #bba5a5
  2. #b0bba5
  3. #a5bbbb
  4. #b0a5bb

Tek renkli

  1. #715656
  2. #9a7979
  3. #bba5a5
  4. #dcd1d1
  5. #f6f3f3

Koyu tonlar

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

  1. #bba5a5
  2. #a89595
  3. #968484
  4. #837474
  5. #706363
  6. #5e5353
  7. #4b4242
  8. #383232
  9. #252121
  10. #131111
  11. #000000

Açık tonlar

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

  1. #bba5a5
  2. #c2aeae
  3. #c9b7b7
  4. #cfc0c0
  5. #d6c9c9
  6. #ddd2d2
  7. #e4dbdb
  8. #ebe4e4
  9. #f1eded
  10. #f8f6f6
  11. #ffffff

Tonlar

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

  1. #bba5a5
  2. #b5a1a1
  3. #af9e9e
  4. #a99a9a
  5. #a39696
  6. #9e9393
  7. #988f8f
  8. #928b8b
  9. #8c8787
  10. #868484
  11. #808080

Okunaklı metin 2.32:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 9.04:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #aaaaaa Erkeklerin ≈ 0.003% kadarı
Akromatomali #b1a8a8 Erkeklerin ≈ 0.001% kadarı
Protanopi #a9a8a5 Erkeklerin ≈ 1.01% kadarı
Döteranopi #aeaca5 Erkeklerin ≈ 1.27% kadarı
Tritanopi #c0a3a5 Erkeklerin ≈ 0.0001% kadarı
Protanomali #b0a7a5 Erkeklerin ≈ 1.08% kadarı
Döteranomali #b3a9a5 Erkeklerin ≈ 4.63% kadarı
Tritanomali #bea4a5 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#c4aead Silver Pink ΔE 2.56 #aa98a9 Rose Quartz ΔE 8.26 #bc8f8f Rosy Brown ΔE 8.80 #b39eb5 Pastel Purple ΔE 9.43 #a9a9a9 Dark Gray ΔE 9.66 #a9a9a9 Dark Grey ΔE 9.66 #dea5a4 Pastel Pink ΔE 10.09 #445a5a Ters renk #aaaaaa Gri tonlama 

Silver Pink
#bba5a5  rgb(187, 165, 165)  hsl(0, 14%, 69%)  Silver Pink
#a5bbbb  rgb(165, 187, 187)  hsl(180, 14%, 69%)  Opal
#a5bba5  rgb(165, 187, 165)  hsl(120, 14%, 69%)  Opal
#a5a5bb  rgb(165, 165, 187)  hsl(240, 14%, 69%)  Wild Blue Yonder