ColorTool
Giriş yap
#B7CF8A

#b7cf8a ≈ Olivine

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

#b7cf8a, “sarı-yeşil” ailesinden bir renktir; açıklığı yüksek, doygunluğu orta. RGB modelinde %71,76 kırmızı, %81,18 yeşil ve %54,12 maviden oluşur; CMYK baskıda %11,59 camgöbeği, %0 macenta, %33,33 sarı ve %18,82 siyah kullanır. Ton açısı 80,87°, HSL’de doygunluğu %41,82 ve açıklığı %67,65’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 12,31:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Olivine (#9ab973), ΔE 6,36.

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

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

Tamamlayıcı

  1. #b7cf8a
  2. #a28acf

Bölünmüş tamamlayıcı

  1. #b7cf8a
  2. #8a95cf
  3. #c58acf

Komşu

  1. #cfc58a
  2. #b7cf8a
  3. #95cf8a

Üçlü

  1. #b7cf8a
  2. #8ab7cf
  3. #cf8ab7

Dörtlü

  1. #b7cf8a
  2. #8acfa2
  3. #a28acf
  4. #cf8ab7

Kare

  1. #b7cf8a
  2. #8acfc5
  3. #a28acf
  4. #cf8a95

Tek renkli

  1. #6c8838
  2. #96b954
  3. #b7cf8a
  4. #d8e5c0
  5. #f6f9f1

Koyu tonlar

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

  1. #b7cf8a
  2. #a5ba7c
  3. #92a66e
  4. #809161
  5. #6e7c53
  6. #5c6845
  7. #495337
  8. #373e29
  9. #25291c
  10. #12150e
  11. #000000

Açık tonlar

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

  1. #b7cf8a
  2. #bed496
  3. #c5d9a1
  4. #cdddad
  5. #d4e2b9
  6. #dbe7c5
  7. #e2ecd0
  8. #e9f1dc
  9. #f1f5e8
  10. #f8faf3
  11. #ffffff

Tonlar

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

  1. #b7cf8a
  2. #b2c789
  3. #acbf88
  4. #a7b787
  5. #a1af86
  6. #9ca885
  7. #96a084
  8. #919883
  9. #8b9082
  10. #868881
  11. #808080

Okunaklı metin 1.71:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 12.31:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #c6c6c6 Erkeklerin ≈ 0.003% kadarı
Akromatomali #c0cab1 Erkeklerin ≈ 0.001% kadarı
Protanopi #d7c785 Erkeklerin ≈ 1.01% kadarı
Döteranopi #d3c68d Erkeklerin ≈ 1.27% kadarı
Tritanopi #bcc9bd Erkeklerin ≈ 0.0001% kadarı
Protanomali #cbca87 Erkeklerin ≈ 1.08% kadarı
Döteranomali #c9ca8c Erkeklerin ≈ 4.63% kadarı
Tritanomali #bacbab Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#9ab973 Olivine ΔE 6.36 #93c572 Pistachio ΔE 6.51 #a8e4a0 Granny Smith Apple ΔE 7.95 #ace1af Celadon ΔE 8.96 #bdda57 June Bud ΔE 9.37 #d0f0c0 Tea Green ΔE 9.51 #bcb88a Sage ΔE 9.59 #483075 Ters renk #c6c6c6 Gri tonlama 

Olivine
#b7cf8a  rgb(183, 207, 138)  hsl(81, 42%, 68%)  Olivine
#a28acf  rgb(162, 138, 207)  hsl(261, 42%, 68%)  Floral Lavender
#8ab7cf  rgb(138, 183, 207)  hsl(201, 42%, 68%)  Moonstone Blue
#cf8ab7  rgb(207, 138, 183)  hsl(321, 42%, 68%)  Sky Magenta