ColorTool
Giriş yap
#9BC3EB

#9bc3eb ≈ Light Steel Blue

  • gök mavisi
  • Açıklık: yüksek
  • Doygunluk: orta
  • Soğuk
Kontrastı denetle Grafikte keşfet Rastgele renk

#9bc3eb, “gök mavisi” ailesinden bir renktir; açıklığı yüksek, doygunluğu orta. RGB modelinde %60,78 kırmızı, %76,47 yeşil ve %92,16 maviden oluşur; CMYK baskıda %34,04 camgöbeği, %17,02 macenta, %0 sarı ve %7,84 siyah kullanır. Ton açısı 210°, HSL’de doygunluğu %66,67 ve açıklığı %76,47’dir. Soğuk bir renktir ve çoğunlukla açıklık, özgürlük ve huzur 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,4:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Light Steel Blue (#b0c4de), ΔE 5,54.

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

Tamamlayıcı

  1. #9bc3eb
  2. #ebc39b

Bölünmüş tamamlayıcı

  1. #9bc3eb
  2. #eb9b9b
  3. #ebeb9b

Komşu

  1. #9bebeb
  2. #9bc3eb
  3. #9b9beb

Üçlü

  1. #9bc3eb
  2. #eb9bc3
  3. #c3eb9b

Dörtlü

  1. #9bc3eb
  2. #c39beb
  3. #ebc39b
  4. #c3eb9b

Kare

  1. #9bc3eb
  2. #eb9beb
  3. #ebc39b
  4. #9beb9b

Tek renkli

  1. #2776c6
  2. #5b9dde
  3. #9bc3eb
  4. #dbe9f8
  5. #eef5fc

Koyu tonlar

#9bc3eb kademeli olarak siyahla karıştırıldı.

  1. #9bc3eb
  2. #8cb0d4
  3. #7c9cbc
  4. #6d89a5
  5. #5d758d
  6. #4e6276
  7. #3e4e5e
  8. #2f3b47
  9. #1f272f
  10. #101418
  11. #000000

Açık tonlar

#9bc3eb kademeli olarak beyazla karıştırıldı.

  1. #9bc3eb
  2. #a5c9ed
  3. #afcfef
  4. #b9d5f1
  5. #c3dbf3
  6. #cde1f5
  7. #d7e7f7
  8. #e1edf9
  9. #ebf3fb
  10. #f5f9fd
  11. #ffffff

Tonlar

#9bc3eb kademeli olarak griyle karıştırıldı.

  1. #9bc3eb
  2. #98bce0
  3. #96b6d6
  4. #93afcb
  5. #90a8c0
  6. #8ea2b6
  7. #8b9bab
  8. #8894a0
  9. #858d95
  10. #83878b
  11. #808080

Okunaklı metin 1.84:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 11.4:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #bfbfbf Erkeklerin ≈ 0.003% kadarı
Akromatomali #b2c1d2 Erkeklerin ≈ 0.001% kadarı
Protanopi #b4c4ed Erkeklerin ≈ 1.01% kadarı
Döteranopi #aabbea Erkeklerin ≈ 1.27% kadarı
Tritanopi #81ccd0 Erkeklerin ≈ 0.0001% kadarı
Protanomali #aac3ec Erkeklerin ≈ 1.08% kadarı
Döteranomali #a4beeb Erkeklerin ≈ 4.63% kadarı
Tritanomali #8cc9db Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-9bc3eb {
  color: #9bc3eb;
}
Arka plan
.bg-9bc3eb {
  background-color: #9bc3eb;
  color: #000000;
}
Kenarlık
.border-9bc3eb {
  border: 2px solid #9bc3eb;
}
CSS değişkenleri
:root {
  --color-primary: #9bc3eb;
  --color-primary-rgb: 155 195 235;
  --color-primary-hsl: 210 67% 76%;
}
Geçiş
.gradient-9bc3eb {
  background: linear-gradient(135deg, #9bc3eb, #9b9beb);
}
Renkli gölge
.shadow-9bc3eb {
  box-shadow: 0 8px 24px rgb(155 195 235 / 0.35);
}

#b0c4de Light Steel Blue ΔE 5.54 #87cefa Light Sky Blue ΔE 6.02 #73c2fb Maya Blue ΔE 6.33 #89cff0 Baby Blue ΔE 7.52 #bcd4e6 Pale Aqua ΔE 8.06 #87ceeb Sky Blue ΔE 8.49 #b9d9eb Columbia Blue ΔE 8.79 #643c14 Ters renk #bfbfbf Gri tonlama 

Light Steel Blue
#9bc3eb  rgb(155, 195, 235)  hsl(210, 67%, 76%)  Light Steel Blue
#ebc39b  rgb(235, 195, 155)  hsl(30, 67%, 76%)  Peach Orange
#eb9bc3  rgb(235, 155, 195)  hsl(330, 67%, 76%)  Carnation Pink
#c3eb9b  rgb(195, 235, 155)  hsl(90, 67%, 76%)  Granny Smith Apple