ColorTool
Giriş yap
#B7A2AA

#b7a2aa ≈ Rose Quartz

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

#b7a2aa, “gül kırmızısı” ailesinden bir renktir; açıklığı yüksek, doygunluğu düşük. RGB modelinde %71,76 kırmızı, %63,53 yeşil ve %66,67 maviden oluşur; CMYK baskıda %0 camgöbeği, %11,48 macenta, %7,1 sarı ve %28,24 siyah kullanır. Ton açısı 337,14°, HSL’de doygunluğu %12,73 ve açıklığı %67,65’dir. Sıcak bir renktir ve çoğunlukla romantizm, oyunculuk ve sevgi 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 Rose Quartz (#aa98a9), ΔE 4,86.

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

Tamamlayıcı

  1. #b7a2aa
  2. #a2b7af

Bölünmüş tamamlayıcı

  1. #b7a2aa
  2. #a2b7a5
  3. #a2b5b7

Komşu

  1. #b7a2b5
  2. #b7a2aa
  3. #b7a5a2

Üçlü

  1. #b7a2aa
  2. #aab7a2
  3. #a2aab7

Dörtlü

  1. #b7a2aa
  2. #b7afa2
  3. #a2b7af
  4. #a2aab7

Kare

  1. #b7a2aa
  2. #b5b7a2
  3. #a2b7af
  4. #a5a2b7

Tek renkli

  1. #6c545d
  2. #967783
  3. #b7a2aa
  4. #d8cdd1
  5. #f6f4f4

Koyu tonlar

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

  1. #b7a2aa
  2. #a59299
  3. #928288
  4. #807177
  5. #6e6166
  6. #5c5155
  7. #494144
  8. #373133
  9. #252022
  10. #121011
  11. #000000

Açık tonlar

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

  1. #b7a2aa
  2. #beabb3
  3. #c5b5bb
  4. #cdbec4
  5. #d4c7cc
  6. #dbd1d5
  7. #e2dadd
  8. #e9e3e6
  9. #f1ecee
  10. #f8f6f7
  11. #ffffff

Tonlar

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

  1. #b7a2aa
  2. #b29fa6
  3. #ac9ba2
  4. #a7989d
  5. #a19499
  6. #9c9195
  7. #968e91
  8. #918a8d
  9. #8b8788
  10. #868384
  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 #aea5a8 Erkeklerin ≈ 0.001% kadarı
Protanopi #a4a5aa Erkeklerin ≈ 1.01% kadarı
Döteranopi #a8a9aa Erkeklerin ≈ 1.27% kadarı
Tritanopi #bba1a5 Erkeklerin ≈ 0.0001% kadarı
Protanomali #aca4aa Erkeklerin ≈ 1.08% kadarı
Döteranomali #aea6aa Erkeklerin ≈ 4.63% kadarı
Tritanomali #b9a2a7 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#aa98a9 Rose Quartz ΔE 4.86 #c4aead Silver Pink ΔE 5.24 #b39eb5 Pastel Purple ΔE 5.84 #bc8f8f Rosy Brown ΔE 9.14 #a9a9a9 Dark Gray ΔE 10.44 #a9a9a9 Dark Grey ΔE 10.44 #d8bfd8 Thistle ΔE 10.47 #485d55 Ters renk #a7a7a7 Gri tonlama 

Rose Quartz
#b7a2aa  rgb(183, 162, 170)  hsl(337, 13%, 68%)  Rose Quartz
#a2b7af  rgb(162, 183, 175)  hsl(157, 13%, 68%)  Opal
#aab7a2  rgb(170, 183, 162)  hsl(97, 13%, 68%)  Ash Gray
#a2aab7  rgb(162, 170, 183)  hsl(217, 13%, 68%)  Dark Gray