ColorTool
Giriş yap
#B4F8EA

#b4f8ea ≈ Celeste

  • camgöbeği yeşili
  • Açıklık: çok yüksek
  • Doygunluk: orta
  • Soğuk
Kontrastı denetle Grafikte keşfet Rastgele renk

#b4f8ea, “camgöbeği yeşili” ailesinden bir renktir; açıklığı çok yüksek, doygunluğu orta. RGB modelinde %70,59 kırmızı, %97,25 yeşil ve %91,76 maviden oluşur; CMYK baskıda %27,42 camgöbeği, %0 macenta, %5,65 sarı ve %2,75 siyah kullanır. Ton açısı 167,65°, HSL’de doygunluğu %82,93 ve açıklığı %83,92’dir. Soğuk bir renktir ve çoğunlukla berraklık, sakinlik ve yenilenme ile ilişkilendirilir. Tasarımcılar onu genellikle sağlık ve esenlik, teknoloji ürünleri ve yumuşak pastel paletler için kullanır. Bu renk üzerinde siyah metin 17,56:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Celeste (#b2ffff), ΔE 5,53.

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

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

Tamamlayıcı

  1. #b4f8ea
  2. #f8b4c2

Bölünmüş tamamlayıcı

  1. #b4f8ea
  2. #f8b4e4
  3. #f8c8b4

Komşu

  1. #b4f8c8
  2. #b4f8ea
  3. #b4e4f8

Üçlü

  1. #b4f8ea
  2. #eab4f8
  3. #f8eab4

Dörtlü

  1. #b4f8ea
  2. #b4c2f8
  3. #f8b4c2
  4. #f8eab4

Kare

  1. #b4f8ea
  2. #c8b4f8
  3. #f8b4c2
  4. #e4f8b4

Tek renkli

  1. #28ebc3
  2. #6ef1d6
  3. #b4f8ea
  4. #ecfdfa
  5. #ecfdfa

Koyu tonlar

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

  1. #b4f8ea
  2. #a2dfd3
  3. #90c6bb
  4. #7eaea4
  5. #6c958c
  6. #5a7c75
  7. #48635e
  8. #364a46
  9. #24322f
  10. #121917
  11. #000000

Açık tonlar

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

  1. #b4f8ea
  2. #bcf9ec
  3. #c3f9ee
  4. #cbfaf0
  5. #d2fbf2
  6. #dafcf5
  7. #e1fcf7
  8. #e9fdf9
  9. #f0fefb
  10. #f8fefd
  11. #ffffff

Tonlar

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

  1. #b4f8ea
  2. #afecdf
  3. #aae0d5
  4. #a4d4ca
  5. #9fc8c0
  6. #9abcb5
  7. #95b0aa
  8. #90a4a0
  9. #8a9895
  10. #858c8b
  11. #808080

Okunaklı metin 1.2:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 17.56:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #ebebeb Erkeklerin ≈ 0.003% kadarı
Akromatomali #d7f0ea Erkeklerin ≈ 0.001% kadarı
Protanopi #f2f0e9 Erkeklerin ≈ 1.01% kadarı
Döteranopi #e6e7eb Erkeklerin ≈ 1.27% kadarı
Tritanopi #a0faf4 Erkeklerin ≈ 0.0001% kadarı
Protanomali #dcf3ea Erkeklerin ≈ 1.08% kadarı
Döteranomali #d4eeeb Erkeklerin ≈ 4.63% kadarı
Tritanomali #a9f9f0 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-b4f8ea {
  color: #b4f8ea;
}
Arka plan
.bg-b4f8ea {
  background-color: #b4f8ea;
  color: #000000;
}
Kenarlık
.border-b4f8ea {
  border: 2px solid #b4f8ea;
}
CSS değişkenleri
:root {
  --color-primary: #b4f8ea;
  --color-primary-rgb: 180 248 234;
  --color-primary-hsl: 168 83% 84%;
}
Geçiş
.gradient-b4f8ea {
  background: linear-gradient(135deg, #b4f8ea, #b4e4f8);
}
Renkli gölge
.shadow-b4f8ea {
  box-shadow: 0 8px 24px rgb(180 248 234 / 0.35);
}

#b2ffff Celeste ΔE 5.53 #afeeee Pale Turquoise ΔE 5.68 #aaf0d1 Magic Mint ΔE 5.99 #9fe2bf Seafoam Green ΔE 8.71 #7df9ff Electric Blue ΔE 9.29 #7fffd4 Aquamarine ΔE 9.92 #b0e0e6 Powder Blue ΔE 10.01 #4b0715 Ters renk #ebebeb Gri tonlama 

Celeste
#b4f8ea  rgb(180, 248, 234)  hsl(168, 83%, 84%)  Celeste
#f8b4c2  rgb(248, 180, 194)  hsl(348, 83%, 84%)  Cherry Blossom Pink
#eab4f8  rgb(234, 180, 248)  hsl(288, 83%, 84%)  Mauve
#f8eab4  rgb(248, 234, 180)  hsl(48, 83%, 84%)  Vanilla