ColorTool
Giriş yap
#171EB5

#171eb5 ≈ Zaffre

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

#171eb5, “mavi” ailesinden bir renktir; açıklığı orta, doygunluğu güçlü. RGB modelinde %9,02 kırmızı, %11,76 yeşil ve %70,98 maviden oluşur; CMYK baskıda %87,29 camgöbeği, %83,43 macenta, %0 sarı ve %29,02 siyah kullanır. Ton açısı 237,34°, HSL’de doygunluğu %77,45 ve açıklığı %40’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 marka vurguları için kullanır. Bu renk üzerinde beyaz metin 11,11:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Zaffre (#0014a8), ΔE 2,76.

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

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

Tamamlayıcı

  1. #171eb5
  2. #b5ae17

Bölünmüş tamamlayıcı

  1. #171eb5
  2. #b55f17
  3. #6db517

Komşu

  1. #176db5
  2. #171eb5
  3. #5f17b5

Üçlü

  1. #171eb5
  2. #b5171e
  3. #1eb517

Dörtlü

  1. #171eb5
  2. #ae17b5
  3. #b5ae17
  4. #1eb517

Kare

  1. #171eb5
  2. #b5176d
  3. #b5ae17
  4. #17b55f

Tek renkli

  1. #06082d
  2. #0e1371
  3. #171eb5
  4. #333be5
  5. #777dee

Koyu tonlar

#171eb5 kademeli olarak siyahla karıştırıldı.

  1. #171eb5
  2. #151ba3
  3. #121891
  4. #10157f
  5. #0e126d
  6. #0c0f5b
  7. #090c48
  8. #070936
  9. #050624
  10. #020312
  11. #000000

Açık tonlar

#171eb5 kademeli olarak beyazla karıştırıldı.

  1. #171eb5
  2. #2e35bc
  3. #454bc4
  4. #5d62cb
  5. #7478d3
  6. #8b8fda
  7. #a2a5e1
  8. #b9bce9
  9. #d1d2f0
  10. #e8e9f8
  11. #ffffff

Tonlar

#171eb5 kademeli olarak griyle karıştırıldı.

  1. #171eb5
  2. #2228b0
  3. #2c32aa
  4. #373ba5
  5. #4145a0
  6. #4c4f9b
  7. #565995
  8. #616390
  9. #6b6c8b
  10. #767685
  11. #808080

Okunaklı metin 11.11:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Okunaklı metin 1.89:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Akromatopsi #3c3c3c Erkeklerin ≈ 0.003% kadarı
Akromatomali #30327f Erkeklerin ≈ 0.001% kadarı
Protanopi #0044b9 Erkeklerin ≈ 1.01% kadarı
Döteranopi #0033b3 Erkeklerin ≈ 1.27% kadarı
Tritanopi #00506c Erkeklerin ≈ 0.0001% kadarı
Protanomali #0038b7 Erkeklerin ≈ 1.08% kadarı
Döteranomali #002cb4 Erkeklerin ≈ 4.63% kadarı
Tritanomali #00418f Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-171eb5 {
  color: #171eb5;
}
Arka plan
.bg-171eb5 {
  background-color: #171eb5;
  color: #ffffff;
}
Kenarlık
.border-171eb5 {
  border: 2px solid #171eb5;
}
CSS değişkenleri
:root {
  --color-primary: #171eb5;
  --color-primary-rgb: 23 30 181;
  --color-primary-hsl: 237 77% 40%;
}
Geçiş
.gradient-171eb5 {
  background: linear-gradient(135deg, #171eb5, #5f17b5);
}
Renkli gölge
.shadow-171eb5 {
  box-shadow: 0 8px 24px rgb(23 30 181 / 0.35);
}

#0014a8 Zaffre ΔE 2.76 #0000cd Medium Blue ΔE 3.74 #002395 Imperial Blue ΔE 4.90 #1034a6 Egyptian Blue ΔE 5.98 #1c39bb Persian Blue ΔE 6.41 #000f89 Phthalo Blue ΔE 6.88 #003399 Smalt ΔE 7.36 #e8e14a Ters renk #3c3c3c Gri tonlama 

Zaffre
#171eb5  rgb(23, 30, 181)  hsl(237, 77%, 40%)  Zaffre
#b5ae17  rgb(181, 174, 23)  hsl(57, 77%, 40%)  Brass
#b5171e  rgb(181, 23, 30)  hsl(357, 77%, 40%)  Firebrick
#1eb517  rgb(30, 181, 23)  hsl(117, 77%, 40%)  Kelly Green