ColorTool
Giriş yap
#BBF7BD

#bbf7bd ≈ Celadon

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

#bbf7bd, “yeşil” ailesinden bir renktir; açıklığı çok yüksek, doygunluğu düşük. RGB modelinde %73,33 kırmızı, %96,86 yeşil ve %74,12 maviden oluşur; CMYK baskıda %24,29 camgöbeği, %0 macenta, %23,48 sarı ve %3,14 siyah kullanır. Ton açısı 122°, HSL’de doygunluğu %78,95 ve açıklığı %85,1’dir. Sıcak ile soğuk arasında yer alır ve çoğunlukla doğa, sağlık ve denge ile ilişkilendirilir. Tasarımcılar onu genellikle çevre dostu markalar, sağlık ve esenlik ve yumuşak pastel paletler için kullanır. Bu renk üzerinde siyah metin 17,15:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Celadon (#ace1af), Δ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#ccffcc
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
İkili
Ondalık
Göreli parlaklık0.8076

Tamamlayıcı

  1. #bbf7bd
  2. #f7bbf5

Bölünmüş tamamlayıcı

  1. #bbf7bd
  2. #dbbbf7
  3. #f7bbd7

Komşu

  1. #d7f7bb
  2. #bbf7bd
  3. #bbf7db

Üçlü

  1. #bbf7bd
  2. #bdbbf7
  3. #f7bdbb

Dörtlü

  1. #bbf7bd
  2. #bbf5f7
  3. #f7bbf5
  4. #f7bdbb

Kare

  1. #bbf7bd
  2. #bbd7f7
  3. #f7bbf5
  4. #f7dbbb

Tek renkli

  1. #32e738
  2. #77ef7b
  3. #bbf7bd
  4. #edfded
  5. #edfded

Koyu tonlar

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

  1. #bbf7bd
  2. #a8deaa
  3. #96c697
  4. #83ad84
  5. #709471
  6. #5e7c5f
  7. #4b634c
  8. #384a39
  9. #253126
  10. #131913
  11. #000000

Açık tonlar

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

  1. #bbf7bd
  2. #c2f8c4
  3. #c9f9ca
  4. #cff9d1
  5. #d6fad7
  6. #ddfbde
  7. #e4fce5
  8. #ebfdeb
  9. #f1fdf2
  10. #f8fef8
  11. #ffffff

Tonlar

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

  1. #bbf7bd
  2. #b5ebb7
  3. #afdfb1
  4. #a9d3ab
  5. #a3c7a5
  6. #9ebc9f
  7. #98b098
  8. #92a492
  9. #8c988c
  10. #868c86
  11. #808080

Okunaklı metin 1.22:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 17.15:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #e8e8e8 Erkeklerin ≈ 0.003% kadarı
Akromatomali #d8eed8 Erkeklerin ≈ 0.001% kadarı
Protanopi #f9ecba Erkeklerin ≈ 1.01% kadarı
Döteranopi #efe6c0 Erkeklerin ≈ 1.27% kadarı
Tritanopi #b5f4e7 Erkeklerin ≈ 0.0001% kadarı
Protanomali #e3f0bb Erkeklerin ≈ 1.08% kadarı
Döteranomali #dcedbf Erkeklerin ≈ 4.63% kadarı
Tritanomali #b7f5d8 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-bbf7bd {
  color: #bbf7bd;
}
Arka plan
.bg-bbf7bd {
  background-color: #bbf7bd;
  color: #000000;
}
Kenarlık
.border-bbf7bd {
  border: 2px solid #bbf7bd;
}
CSS değişkenleri
:root {
  --color-primary: #bbf7bd;
  --color-primary-rgb: 187 247 189;
  --color-primary-hsl: 122 79% 85%;
}
Geçiş
.gradient-bbf7bd {
  background: linear-gradient(135deg, #bbf7bd, #bbf7db);
}
Renkli gölge
.shadow-bbf7bd {
  box-shadow: 0 8px 24px rgb(187 247 189 / 0.35);
}

#ace1af Celadon ΔE 4.86 #a8e4a0 Granny Smith Apple ΔE 4.96 #d0f0c0 Tea Green ΔE 5.24 #9fe2bf Seafoam Green ΔE 7.69 #aaf0d1 Magic Mint ΔE 7.74 #98fb98 Pale Green ΔE 7.79 #90ee90 Light Green ΔE 7.89 #440842 Ters renk #e8e8e8 Gri tonlama 

Celadon
#bbf7bd  rgb(187, 247, 189)  hsl(122, 79%, 85%)  Celadon
#f7bbf5  rgb(247, 187, 245)  hsl(302, 79%, 85%)  Plum
#bdbbf7  rgb(189, 187, 247)  hsl(242, 79%, 85%)  Periwinkle
#f7bdbb  rgb(247, 189, 187)  hsl(2, 79%, 85%)  Baby Pink