ColorTool
Giriş yap
#B3A1A4

#b3a1a4 ≈ Silver Pink

  • kırmızı
  • Açıklık: yüksek
  • Doygunluk: neredeyse hiç yok
  • Nötr
Kontrastı denetle Grafikte keşfet Rastgele renk

#b3a1a4, “kırmızı” ailesinden bir renktir; açıklığı yüksek, doygunluğu neredeyse hiç yok. RGB modelinde %70,2 kırmızı, %63,14 yeşil ve %64,31 maviden oluşur; CMYK baskıda %0 camgöbeği, %10,06 macenta, %8,38 sarı ve %29,8 siyah kullanır. Ton açısı 350°, HSL’de doygunluğu %10,59 ve açıklığı %66,67’dir. Nötr 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 8,55:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Silver Pink (#c4aead), ΔE 4,48.

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

Tamamlayıcı

  1. #b3a1a4
  2. #a1b3b0

Bölünmüş tamamlayıcı

  1. #b3a1a4
  2. #a1b3a7
  3. #a1adb3

Komşu

  1. #b3a1ad
  2. #b3a1a4
  3. #b3a7a1

Üçlü

  1. #b3a1a4
  2. #a4b3a1
  3. #a1a4b3

Dörtlü

  1. #b3a1a4
  2. #b3b0a1
  3. #a1b3b0
  4. #a1a4b3

Kare

  1. #b3a1a4
  2. #adb3a1
  3. #a1b3b0
  4. #a7a1b3

Tek renkli

  1. #675457
  2. #91777b
  3. #b3a1a4
  4. #d5cbcd
  5. #f6f4f4

Koyu tonlar

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

  1. #b3a1a4
  2. #a19194
  3. #8f8183
  4. #7d7173
  5. #6b6162
  6. #5a5152
  7. #484042
  8. #363031
  9. #242021
  10. #121010
  11. #000000

Açık tonlar

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

  1. #b3a1a4
  2. #bbaaad
  3. #c2b4b6
  4. #cabdbf
  5. #d1c7c8
  6. #d9d0d2
  7. #e1d9db
  8. #e8e3e4
  9. #f0eced
  10. #f7f6f6
  11. #ffffff

Tonlar

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

  1. #b3a1a4
  2. #ae9ea0
  3. #a99a9d
  4. #a49799
  5. #9f9496
  6. #9a9192
  7. #948d8e
  8. #8f8a8b
  9. #8a8787
  10. #858384
  11. #808080

Okunaklı metin 2.46:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 8.55:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #a5a5a5 Erkeklerin ≈ 0.003% kadarı
Akromatomali #aba4a5 Erkeklerin ≈ 0.001% kadarı
Protanopi #a3a3a4 Erkeklerin ≈ 1.01% kadarı
Döteranopi #a7a6a4 Erkeklerin ≈ 1.27% kadarı
Tritanopi #b7a0a2 Erkeklerin ≈ 0.0001% kadarı
Protanomali #aaa2a4 Erkeklerin ≈ 1.08% kadarı
Döteranomali #aca4a4 Erkeklerin ≈ 4.63% kadarı
Tritanomali #b5a0a3 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-b3a1a4 {
  color: #b3a1a4;
}
Arka plan
.bg-b3a1a4 {
  background-color: #b3a1a4;
  color: #000000;
}
Kenarlık
.border-b3a1a4 {
  border: 2px solid #b3a1a4;
}
CSS değişkenleri
:root {
  --color-primary: #b3a1a4;
  --color-primary-rgb: 179 161 164;
  --color-primary-hsl: 350 11% 67%;
}
Geçiş
.gradient-b3a1a4 {
  background: linear-gradient(135deg, #b3a1a4, #b3a7a1);
}
Renkli gölge
.shadow-b3a1a4 {
  box-shadow: 0 8px 24px rgb(179 161 164 / 0.35);
}

#c4aead Silver Pink ΔE 4.48 #aa98a9 Rose Quartz ΔE 6.44 #b39eb5 Pastel Purple ΔE 8.12 #a9a9a9 Dark Gray ΔE 8.66 #a9a9a9 Dark Grey ΔE 8.66 #bc8f8f Rosy Brown ΔE 9.39 #8b8589 Taupe Gray ΔE 11.15 #4c5e5b Ters renk #a5a5a5 Gri tonlama 

Silver Pink
#b3a1a4  rgb(179, 161, 164)  hsl(350, 11%, 67%)  Silver Pink
#a1b3b0  rgb(161, 179, 176)  hsl(170, 11%, 67%)  Ash Gray
#a4b3a1  rgb(164, 179, 161)  hsl(110, 11%, 67%)  Ash Gray
#a1a4b3  rgb(161, 164, 179)  hsl(230, 11%, 67%)  Cool Gray