ColorTool
Giriş yap
#100B9E

#100b9e ≈ Zaffre

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

#100b9e, “mavi” ailesinden bir renktir; açıklığı düşük, doygunluğu güçlü. RGB modelinde %6,27 kırmızı, %4,31 yeşil ve %61,96 maviden oluşur; CMYK baskıda %89,87 camgöbeği, %93,04 macenta, %0 sarı ve %38,04 siyah kullanır. Ton açısı 242,04°, HSL’de doygunluğu %86,98 ve açıklığı %33,14’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 kurumsal kimlikler için kullanır. Bu renk üzerinde beyaz metin 13,43:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Zaffre (#0014a8), ΔE 1,89.

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

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

Tamamlayıcı

  1. #100b9e
  2. #999e0b

Bölünmüş tamamlayıcı

  1. #100b9e
  2. #9e5a0b
  3. #509e0b

Komşu

  1. #0b509e
  2. #100b9e
  3. #5a0b9e

Üçlü

  1. #100b9e
  2. #9e100b
  3. #0b9e10

Dörtlü

  1. #100b9e
  2. #9e0b99
  3. #999e0b
  4. #0b9e10

Kare

  1. #100b9e
  2. #9e0b50
  3. #999e0b
  4. #0b9e5a

Tek renkli

  1. #020113
  2. #090656
  3. #100b9e
  4. #1710e6
  5. #554ff3

Koyu tonlar

#100b9e kademeli olarak siyahla karıştırıldı.

  1. #100b9e
  2. #0e0a8e
  3. #0d097e
  4. #0b086f
  5. #0a075f
  6. #08064f
  7. #06043f
  8. #05032f
  9. #030220
  10. #020110
  11. #000000

Açık tonlar

#100b9e kademeli olarak beyazla karıştırıldı.

  1. #100b9e
  2. #2823a8
  3. #403cb1
  4. #5854bb
  5. #706dc5
  6. #8885cf
  7. #9f9dd8
  8. #b7b6e2
  9. #cfceec
  10. #e7e7f5
  11. #ffffff

Tonlar

#100b9e kademeli olarak griyle karıştırıldı.

  1. #100b9e
  2. #1b179b
  3. #262298
  4. #322e95
  5. #3d3a92
  6. #48468f
  7. #53518c
  8. #5e5d89
  9. #6a6986
  10. #757483
  11. #808080

Okunaklı metin 13.43:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Okunaklı metin 1.56:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Akromatopsi #2f2f2f Erkeklerin ≈ 0.003% kadarı
Akromatomali #26256d Erkeklerin ≈ 0.001% kadarı
Protanopi #0036a2 Erkeklerin ≈ 1.01% kadarı
Döteranopi #00279c Erkeklerin ≈ 1.27% kadarı
Tritanopi #00415c Erkeklerin ≈ 0.0001% kadarı
Protanomali #002aa0 Erkeklerin ≈ 1.08% kadarı
Döteranomali #001e9d Erkeklerin ≈ 4.63% kadarı
Tritanomali #00337c Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-100b9e {
  color: #100b9e;
}
Arka plan
.bg-100b9e {
  background-color: #100b9e;
  color: #ffffff;
}
Kenarlık
.border-100b9e {
  border: 2px solid #100b9e;
}
CSS değişkenleri
:root {
  --color-primary: #100b9e;
  --color-primary-rgb: 16 11 158;
  --color-primary-hsl: 242 87% 33%;
}
Geçiş
.gradient-100b9e {
  background: linear-gradient(135deg, #100b9e, #5a0b9e);
}
Renkli gölge
.shadow-100b9e {
  box-shadow: 0 8px 24px rgb(16 11 158 / 0.35);
}

#0014a8 Zaffre ΔE 1.89 #000f89 Phthalo Blue ΔE 3.11 #00008b Dark Blue ΔE 3.26 #000080 Navy ΔE 4.71 #002395 Imperial Blue ΔE 4.89 #0000cd Medium Blue ΔE 5.80 #32127a Persian Indigo ΔE 5.90 #eff461 Ters renk #2f2f2f Gri tonlama 

Zaffre
#100b9e  rgb(16, 11, 158)  hsl(242, 87%, 33%)  Zaffre
#999e0b  rgb(153, 158, 11)  hsl(62, 87%, 33%)  Brass
#9e100b  rgb(158, 16, 11)  hsl(2, 87%, 33%)  Sangria
#0b9e10  rgb(11, 158, 16)  hsl(122, 87%, 33%)  Islamic Green