ColorTool
Giriş yap
#B0B4A1

#b0b4a1 ≈ Ash Gray

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

#b0b4a1, “sarı-yeşil” ailesinden bir renktir; açıklığı yüksek, doygunluğu neredeyse hiç yok. RGB modelinde %69,02 kırmızı, %70,59 yeşil ve %63,14 maviden oluşur; CMYK baskıda %2,22 camgöbeği, %0 macenta, %10,56 sarı ve %29,41 siyah kullanır. Ton açısı 72,63°, HSL’de doygunluğu %11,24 ve açıklığı %66,86’dir. Nötr bir renktir ve çoğunlukla tazelik, büyüme ve canlılık ile ilişkilendirilir. Tasarımcılar onu genellikle çevre dostu markalar, sağlık ve esenlik ve marka vurguları için kullanır. Bu renk üzerinde siyah metin 9,89:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Ash Gray (#b2beb5), ΔE 5,59.

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

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

Tamamlayıcı

  1. #b0b4a1
  2. #a5a1b4

Bölünmüş tamamlayıcı

  1. #b0b4a1
  2. #a1a6b4
  3. #aea1b4

Komşu

  1. #b4aea1
  2. #b0b4a1
  3. #a6b4a1

Üçlü

  1. #b0b4a1
  2. #a1b0b4
  3. #b4a1b0

Dörtlü

  1. #b0b4a1
  2. #a1b4a5
  3. #a5a1b4
  4. #b4a1b0

Kare

  1. #b0b4a1
  2. #a1b4ae
  3. #a5a1b4
  4. #b4a1a6

Tek renkli

  1. #646953
  2. #8c9276
  3. #b0b4a1
  4. #d4d6cc
  5. #f5f6f4

Koyu tonlar

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

  1. #b0b4a1
  2. #9ea291
  3. #8d9081
  4. #7b7e71
  5. #6a6c61
  6. #585a51
  7. #464840
  8. #353630
  9. #232420
  10. #121210
  11. #000000

Açık tonlar

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

  1. #b0b4a1
  2. #b8bcaa
  3. #c0c3b4
  4. #c8cbbd
  5. #d0d2c7
  6. #d8dad0
  7. #dfe1d9
  8. #e7e9e3
  9. #eff0ec
  10. #f7f8f6
  11. #ffffff

Tonlar

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

  1. #b0b4a1
  2. #abaf9e
  3. #a6aa9a
  4. #a2a497
  5. #9d9f94
  6. #989a91
  7. #93958d
  8. #8e908a
  9. #8a8a87
  10. #858583
  11. #808080

Okunaklı metin 2.12:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 9.89:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #b2b2b2 Erkeklerin ≈ 0.003% kadarı
Akromatomali #b1b3ab Erkeklerin ≈ 0.001% kadarı
Protanopi #b7b2a0 Erkeklerin ≈ 1.01% kadarı
Döteranopi #b7b2a2 Erkeklerin ≈ 1.27% kadarı
Tritanopi #b2b2ae Erkeklerin ≈ 0.0001% kadarı
Protanomali #b4b3a0 Erkeklerin ≈ 1.08% kadarı
Döteranomali #b4b3a1 Erkeklerin ≈ 4.63% kadarı
Tritanomali #b1b3a9 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#b2beb5 Ash Gray ΔE 5.59 #bcb88a Sage ΔE 8.65 #a9a9a9 Dark Gray ΔE 9.61 #a9a9a9 Dark Grey ΔE 9.61 #a8c3bc Opal ΔE 9.81 #c0c0c0 Silver ΔE 10.02 #c2b280 Ecru ΔE 11.42 #4f4b5e Ters renk #b2b2b2 Gri tonlama 

Ash Gray
#b0b4a1  rgb(176, 180, 161)  hsl(73, 11%, 67%)  Ash Gray
#a5a1b4  rgb(165, 161, 180)  hsl(253, 11%, 67%)  Rose Quartz
#a1b0b4  rgb(161, 176, 180)  hsl(193, 11%, 67%)  Pastel Blue
#b4a1b0  rgb(180, 161, 176)  hsl(313, 11%, 67%)  Rose Quartz