ColorTool
Giriş yap
#9AB3FF

#9ab3ff ≈ Light Steel Blue

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

#9ab3ff, “mavi” ailesinden bir renktir; açıklığı yüksek, doygunluğu orta. RGB modelinde %60,39 kırmızı, %70,2 yeşil ve %100 maviden oluşur; CMYK baskıda %39,61 camgöbeği, %29,8 macenta, %0 sarı ve %0 siyah kullanır. Ton açısı 225,15°, HSL’de doygunluğu %100 ve açıklığı %80,2’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 10,27:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Light Steel Blue (#b0c4de), ΔE 8,71.

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

Tamamlayıcı

  1. #9ab3ff
  2. #ffe69a

Bölünmüş tamamlayıcı

  1. #9ab3ff
  2. #ffb49a
  3. #e6ff9a

Komşu

  1. #9ae6ff
  2. #9ab3ff
  3. #b49aff

Üçlü

  1. #9ab3ff
  2. #ff9ab3
  3. #b3ff9a

Dörtlü

  1. #9ab3ff
  2. #e69aff
  3. #ffe69a
  4. #b3ff9a

Kare

  1. #9ab3ff
  2. #ff9ae6
  3. #ffe69a
  4. #9affb4

Tek renkli

  1. #0140ff
  2. #4e79ff
  3. #9ab3ff
  4. #e7edff
  5. #ebf0ff

Koyu tonlar

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

  1. #9ab3ff
  2. #8ba1e6
  3. #7b8fcc
  4. #6c7db3
  5. #5c6b99
  6. #4d5a80
  7. #3e4866
  8. #2e364d
  9. #1f2433
  10. #0f121a
  11. #000000

Açık tonlar

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

  1. #9ab3ff
  2. #a4bbff
  3. #aec2ff
  4. #b8caff
  5. #c2d1ff
  6. #cdd9ff
  7. #d7e1ff
  8. #e1e8ff
  9. #ebf0ff
  10. #f5f7ff
  11. #ffffff

Tonlar

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

  1. #9ab3ff
  2. #97aef2
  3. #95a9e6
  4. #92a4d9
  5. #909fcc
  6. #8d9ac0
  7. #8a94b3
  8. #888fa6
  9. #858a99
  10. #83858d
  11. #808080

Okunaklı metin 2.05:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 10.27:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #b5b5b5 Erkeklerin ≈ 0.003% kadarı
Akromatomali #abb4d7 Erkeklerin ≈ 0.001% kadarı
Protanopi #99baff Erkeklerin ≈ 1.01% kadarı
Döteranopi #90b1fd Erkeklerin ≈ 1.27% kadarı
Tritanopi #79c2ce Erkeklerin ≈ 0.0001% kadarı
Protanomali #99b7ff Erkeklerin ≈ 1.08% kadarı
Döteranomali #94b2fe Erkeklerin ≈ 4.63% kadarı
Tritanomali #88bce3 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-9ab3ff {
  color: #9ab3ff;
}
Arka plan
.bg-9ab3ff {
  background-color: #9ab3ff;
  color: #000000;
}
Kenarlık
.border-9ab3ff {
  border: 2px solid #9ab3ff;
}
CSS değişkenleri
:root {
  --color-primary: #9ab3ff;
  --color-primary-rgb: 154 179 255;
  --color-primary-hsl: 225 100% 80%;
}
Geçiş
.gradient-9ab3ff {
  background: linear-gradient(135deg, #9ab3ff, #b49aff);
}
Renkli gölge
.shadow-9ab3ff {
  box-shadow: 0 8px 24px rgb(154 179 255 / 0.35);
}

#b0c4de Light Steel Blue ΔE 8.71 #a2add0 Wild Blue Yonder ΔE 8.77 #71a6d2 Iceberg ΔE 9.77 #6495ed Cornflower Blue ΔE 10.41 #ccccff Periwinkle ΔE 11.51 #73c2fb Maya Blue ΔE 11.73 #5b92e5 United Nations Blue ΔE 12.05 #654c00 Ters renk #b5b5b5 Gri tonlama 

Light Steel Blue
#9ab3ff  rgb(154, 179, 255)  hsl(225, 100%, 80%)  Light Steel Blue
#ffe69a  rgb(255, 230, 154)  hsl(45, 100%, 80%)  Jasmine
#ff9ab3  rgb(255, 154, 179)  hsl(345, 100%, 80%)  Flamingo Pink
#b3ff9a  rgb(179, 255, 154)  hsl(105, 100%, 80%)  Mint Green