ColorTool
Giriş yap
#BAA29F

#baa29f ≈ Silver Pink

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

#baa29f, “kırmızı” ailesinden bir renktir; açıklığı yüksek, doygunluğu düşük. RGB modelinde %72,94 kırmızı, %63,53 yeşil ve %62,35 maviden oluşur; CMYK baskıda %0 camgöbeği, %12,9 macenta, %14,52 sarı ve %27,06 siyah kullanır. Ton açısı 6,67°, HSL’de doygunluğu %16,36 ve açıklığı %67,65’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 8,76:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Silver Pink (#c4aead), ΔE 3,51.

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

Tamamlayıcı

  1. #baa29f
  2. #9fb7ba

Bölünmüş tamamlayıcı

  1. #baa29f
  2. #9fbab0
  3. #9faaba

Komşu

  1. #ba9faa
  2. #baa29f
  3. #bab09f

Üçlü

  1. #baa29f
  2. #9fbaa2
  3. #a29fba

Dörtlü

  1. #baa29f
  2. #b7ba9f
  3. #9fb7ba
  4. #a29fba

Kare

  1. #baa29f
  2. #aaba9f
  3. #9fb7ba
  4. #b09fba

Tek renkli

  1. #705450
  2. #9a7773
  3. #baa29f
  4. #dacdcc
  5. #f6f4f3

Koyu tonlar

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

  1. #baa29f
  2. #a7928f
  3. #95827f
  4. #82716f
  5. #70615f
  6. #5d5150
  7. #4a4140
  8. #383130
  9. #252020
  10. #131010
  11. #000000

Açık tonlar

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

  1. #baa29f
  2. #c1aba9
  3. #c8b5b2
  4. #cfbebc
  5. #d6c7c5
  6. #ddd1cf
  7. #e3dad9
  8. #eae3e2
  9. #f1ecec
  10. #f8f6f5
  11. #ffffff

Tonlar

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

  1. #baa29f
  2. #b49f9c
  3. #ae9b99
  4. #a99896
  5. #a39493
  6. #9d9190
  7. #978e8c
  8. #918a89
  9. #8c8786
  10. #868383
  11. #808080

Okunaklı metin 2.4:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 8.76:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #a7a7a7 Erkeklerin ≈ 0.003% kadarı
Akromatomali #afa5a4 Erkeklerin ≈ 0.001% kadarı
Protanopi #a7a59f Erkeklerin ≈ 1.01% kadarı
Döteranopi #aca99f Erkeklerin ≈ 1.27% kadarı
Tritanopi #c09fa1 Erkeklerin ≈ 0.0001% kadarı
Protanomali #afa49f Erkeklerin ≈ 1.08% kadarı
Döteranomali #b2a69f Erkeklerin ≈ 4.63% kadarı
Tritanomali #bea0a0 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-baa29f {
  color: #baa29f;
}
Arka plan
.bg-baa29f {
  background-color: #baa29f;
  color: #000000;
}
Kenarlık
.border-baa29f {
  border: 2px solid #baa29f;
}
CSS değişkenleri
:root {
  --color-primary: #baa29f;
  --color-primary-rgb: 186 162 159;
  --color-primary-hsl: 7 16% 68%;
}
Geçiş
.gradient-baa29f {
  background: linear-gradient(135deg, #baa29f, #bab09f);
}
Renkli gölge
.shadow-baa29f {
  box-shadow: 0 8px 24px rgb(186 162 159 / 0.35);
}

#c4aead Silver Pink ΔE 3.51 #bc8f8f Rosy Brown ΔE 8.03 #aa98a9 Rose Quartz ΔE 9.27 #dea5a4 Pastel Pink ΔE 9.84 #a9a9a9 Dark Gray ΔE 10.24 #a9a9a9 Dark Grey ΔE 10.24 #b39eb5 Pastel Purple ΔE 10.69 #455d60 Ters renk #a7a7a7 Gri tonlama 

Silver Pink
#baa29f  rgb(186, 162, 159)  hsl(7, 16%, 68%)  Silver Pink
#9fb7ba  rgb(159, 183, 186)  hsl(187, 16%, 68%)  Pastel Blue
#9fbaa2  rgb(159, 186, 162)  hsl(127, 16%, 68%)  Dark Sea Green
#a29fba  rgb(162, 159, 186)  hsl(247, 16%, 68%)  Cool Gray