ColorTool
Giriş yap
#B0C3ED

#b0c3ed ≈ Light Steel Blue

  • mavi
  • Açıklık: yüksek
  • Doygunluk: düşük
  • Soğuk
Kontrastı denetle Grafikte keşfet Rastgele renk

#b0c3ed, “mavi” ailesinden bir renktir; açıklığı yüksek, doygunluğu düşük. RGB modelinde %69,02 kırmızı, %76,47 yeşil ve %92,94 maviden oluşur; CMYK baskıda %25,74 camgöbeği, %17,72 macenta, %0 sarı ve %7,06 siyah kullanır. Ton açısı 221,31°, HSL’de doygunluğu %62,89 ve açıklığı %80,98’dir. Soğuk bir renktir ve çoğunlukla güven, istikrar ve odak ile ilişkilendirilir. Tasarımcılar onu genellikle teknoloji ürünleri, finans ve bankacılık ve yumuşak pastel paletler için kullanır. Bu renk üzerinde siyah metin 11,87:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Light Steel Blue (#b0c4de), ΔE 4,88.

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

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

Tamamlayıcı

  1. #b0c3ed
  2. #eddab0

Bölünmüş tamamlayıcı

  1. #b0c3ed
  2. #edbbb0
  3. #e2edb0

Komşu

  1. #b0e2ed
  2. #b0c3ed
  3. #bbb0ed

Üçlü

  1. #b0c3ed
  2. #edb0c3
  3. #c3edb0

Dörtlü

  1. #b0c3ed
  2. #dab0ed
  3. #eddab0
  4. #c3edb0

Kare

  1. #b0c3ed
  2. #edb0e2
  3. #eddab0
  4. #b0edbb

Tek renkli

  1. #3364d1
  2. #7294df
  3. #b0c3ed
  4. #eef2fb
  5. #eef2fb

Koyu tonlar

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

  1. #b0c3ed
  2. #9eb0d5
  3. #8d9cbe
  4. #7b89a6
  5. #6a758e
  6. #586277
  7. #464e5f
  8. #353b47
  9. #23272f
  10. #121418
  11. #000000

Açık tonlar

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

  1. #b0c3ed
  2. #b8c9ef
  3. #c0cff1
  4. #c8d5f2
  5. #d0dbf4
  6. #d8e1f6
  7. #dfe7f8
  8. #e7edfa
  9. #eff3fb
  10. #f7f9fd
  11. #ffffff

Tonlar

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

  1. #b0c3ed
  2. #abbce2
  3. #a6b6d7
  4. #a2afcc
  5. #9da8c1
  6. #98a2b7
  7. #939bac
  8. #8e94a1
  9. #8a8d96
  10. #85878b
  11. #808080

Okunaklı metin 1.77:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 11.87:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #c3c3c3 Erkeklerin ≈ 0.003% kadarı
Akromatomali #bcc3d5 Erkeklerin ≈ 0.001% kadarı
Protanopi #b6c6ef Erkeklerin ≈ 1.01% kadarı
Döteranopi #b0c0ec Erkeklerin ≈ 1.27% kadarı
Tritanopi #a0cbd1 Erkeklerin ≈ 0.0001% kadarı
Protanomali #b4c5ee Erkeklerin ≈ 1.08% kadarı
Döteranomali #b0c1ec Erkeklerin ≈ 4.63% kadarı
Tritanomali #a7c8dd Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-b0c3ed {
  color: #b0c3ed;
}
Arka plan
.bg-b0c3ed {
  background-color: #b0c3ed;
  color: #000000;
}
Kenarlık
.border-b0c3ed {
  border: 2px solid #b0c3ed;
}
CSS değişkenleri
:root {
  --color-primary: #b0c3ed;
  --color-primary-rgb: 176 195 237;
  --color-primary-hsl: 221 63% 81%;
}
Geçiş
.gradient-b0c3ed {
  background: linear-gradient(135deg, #b0c3ed, #bbb0ed);
}
Renkli gölge
.shadow-b0c3ed {
  box-shadow: 0 8px 24px rgb(176 195 237 / 0.35);
}

#b0c4de Light Steel Blue ΔE 4.88 #a2add0 Wild Blue Yonder ΔE 6.40 #ccccff Periwinkle ΔE 6.83 #bcd4e6 Pale Aqua ΔE 9.64 #b9d9eb Columbia Blue ΔE 11.49 #87cefa Light Sky Blue ΔE 12.34 #e6e6fa Lavender ΔE 12.54 #4f3c12 Ters renk #c3c3c3 Gri tonlama 

Light Steel Blue
#b0c3ed  rgb(176, 195, 237)  hsl(221, 63%, 81%)  Light Steel Blue
#eddab0  rgb(237, 218, 176)  hsl(41, 63%, 81%)  Wheat
#edb0c3  rgb(237, 176, 195)  hsl(341, 63%, 81%)  Nadeshiko Pink
#c3edb0  rgb(195, 237, 176)  hsl(101, 63%, 81%)  Tea Green