ColorTool
Giriş yap
#B1C09F

#b1c09f ≈ Sage

  • sarı-yeşil
  • Açıklık: yüksek
  • Doygunluk: düşük
  • Dengeli
Kontrastı denetle Grafikte keşfet Rastgele renk

#b1c09f, “sarı-yeşil” ailesinden bir renktir; açıklığı yüksek, doygunluğu düşük. RGB modelinde %69,41 kırmızı, %75,29 yeşil ve %62,35 maviden oluşur; CMYK baskıda %7,81 camgöbeği, %0 macenta, %17,19 sarı ve %24,71 siyah kullanır. Ton açısı 87,27°, HSL’de doygunluğu %20,75 ve açıklığı %68,82’dir. Sıcak ile soğuk arasında yer alır 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 10,91:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Sage (#bcb88a), ΔE 7,75.

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

Tamamlayıcı

  1. #b1c09f
  2. #ae9fc0

Bölünmüş tamamlayıcı

  1. #b1c09f
  2. #9fa0c0
  3. #be9fc0

Komşu

  1. #c0be9f
  2. #b1c09f
  3. #a0c09f

Üçlü

  1. #b1c09f
  2. #9fb1c0
  3. #c09fb1

Dörtlü

  1. #b1c09f
  2. #9fc0ae
  3. #ae9fc0
  4. #c09fb1

Kare

  1. #b1c09f
  2. #9fc0be
  3. #ae9fc0
  4. #c09fa0

Tek renkli

  1. #65784e
  2. #8ba271
  3. #b1c09f
  4. #d7decd
  5. #f5f7f3

Koyu tonlar

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

  1. #b1c09f
  2. #9fad8f
  3. #8e9a7f
  4. #7c866f
  5. #6a735f
  6. #596050
  7. #474d40
  8. #353a30
  9. #232620
  10. #121310
  11. #000000

Açık tonlar

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

  1. #b1c09f
  2. #b9c6a9
  3. #c1cdb2
  4. #c8d3bc
  5. #d0d9c5
  6. #d8e0cf
  7. #e0e6d9
  8. #e8ece2
  9. #eff2ec
  10. #f7f9f5
  11. #ffffff

Tonlar

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

  1. #b1c09f
  2. #acba9c
  3. #a7b399
  4. #a2ad96
  5. #9da693
  6. #99a090
  7. #949a8c
  8. #8f9389
  9. #8a8d86
  10. #858683
  11. #808080

Okunaklı metin 1.92:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 10.91:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #bbbbbb Erkeklerin ≈ 0.003% kadarı
Akromatomali #b7bdb0 Erkeklerin ≈ 0.001% kadarı
Protanopi #c4bb9d Erkeklerin ≈ 1.01% kadarı
Döteranopi #c1bba0 Erkeklerin ≈ 1.27% kadarı
Tritanopi #b3bdb7 Erkeklerin ≈ 0.0001% kadarı
Protanomali #bdbd9e Erkeklerin ≈ 1.08% kadarı
Döteranomali #bbbda0 Erkeklerin ≈ 4.63% kadarı
Tritanomali #b2beae Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#bcb88a Sage ΔE 7.75 #8fbc8f Dark Sea Green ΔE 8.13 #b2beb5 Ash Gray ΔE 8.70 #9ab973 Olivine ΔE 9.65 #a8c3bc Opal ΔE 10.17 #ace1af Celadon ΔE 10.83 #87a96b Asparagus ΔE 11.41 #4e3f60 Ters renk #bbbbbb Gri tonlama 

Sage
#b1c09f  rgb(177, 192, 159)  hsl(87, 21%, 69%)  Sage
#ae9fc0  rgb(174, 159, 192)  hsl(267, 21%, 69%)  Pastel Purple
#9fb1c0  rgb(159, 177, 192)  hsl(207, 21%, 69%)  Pastel Blue
#c09fb1  rgb(192, 159, 177)  hsl(327, 21%, 69%)  Pastel Purple