ColorTool
Giriş yap
#969DB0

#969db0 ≈ Cool Gray

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

#969db0, “mavi” ailesinden bir renktir; açıklığı yüksek, doygunluğu düşük. RGB modelinde %58,82 kırmızı, %61,57 yeşil ve %69,02 maviden oluşur; CMYK baskıda %14,77 camgöbeği, %10,8 macenta, %0 sarı ve %30,98 siyah kullanır. Ton açısı 223,85°, HSL’de doygunluğu %14,13 ve açıklığı %63,92’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 siyah metin 7,75:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Cool Gray (#8c92ac), ΔE 4,47.

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

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

Tamamlayıcı

  1. #969db0
  2. #b0a996

Bölünmüş tamamlayıcı

  1. #969db0
  2. #b09c96
  3. #aab096

Komşu

  1. #96aab0
  2. #969db0
  3. #9c96b0

Üçlü

  1. #969db0
  2. #b0969d
  3. #9db096

Dörtlü

  1. #969db0
  2. #a996b0
  3. #b0a996
  4. #9db096

Kare

  1. #969db0
  2. #b096aa
  3. #b0a996
  4. #96b09c

Tek renkli

  1. #4a5163
  2. #6b758e
  3. #969db0
  4. #c2c6d1
  5. #edeef2

Koyu tonlar

#969db0 kademeli olarak siyahla karıştırıldı.

  1. #969db0
  2. #878d9e
  3. #787e8d
  4. #696e7b
  5. #5a5e6a
  6. #4b4f58
  7. #3c3f46
  8. #2d2f35
  9. #1e1f23
  10. #0f1012
  11. #000000

Açık tonlar

#969db0 kademeli olarak beyazla karıştırıldı.

  1. #969db0
  2. #a1a7b8
  3. #abb1c0
  4. #b6bac8
  5. #c0c4d0
  6. #cbced8
  7. #d5d8df
  8. #e0e2e7
  9. #eaebef
  10. #f5f5f7
  11. #ffffff

Tonlar

#969db0 kademeli olarak griyle karıştırıldı.

  1. #969db0
  2. #949aab
  3. #9297a6
  4. #8f94a2
  5. #8d919d
  6. #8b8f98
  7. #898c93
  8. #87898e
  9. #84868a
  10. #828385
  11. #808080

Okunaklı metin 2.71:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 7.75:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #9d9d9d Erkeklerin ≈ 0.003% kadarı
Akromatomali #9a9da5 Erkeklerin ≈ 0.001% kadarı
Protanopi #989eb1 Erkeklerin ≈ 1.01% kadarı
Döteranopi #969cb0 Erkeklerin ≈ 1.27% kadarı
Tritanopi #90a1a3 Erkeklerin ≈ 0.0001% kadarı
Protanomali #979eb1 Erkeklerin ≈ 1.08% kadarı
Döteranomali #969cb0 Erkeklerin ≈ 4.63% kadarı
Tritanomali #939fa8 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-969db0 {
  color: #969db0;
}
Arka plan
.bg-969db0 {
  background-color: #969db0;
  color: #000000;
}
Kenarlık
.border-969db0 {
  border: 2px solid #969db0;
}
CSS değişkenleri
:root {
  --color-primary: #969db0;
  --color-primary-rgb: 150 157 176;
  --color-primary-hsl: 224 14% 64%;
}
Geçiş
.gradient-969db0 {
  background: linear-gradient(135deg, #969db0, #9c96b0);
}
Renkli gölge
.shadow-969db0 {
  box-shadow: 0 8px 24px rgb(150 157 176 / 0.35);
}

#8c92ac Cool Gray ΔE 4.47 #a2add0 Wild Blue Yonder ΔE 7.14 #778899 Light Slate Gray ΔE 9.12 #778899 Light Slate Grey ΔE 9.12 #a9a9a9 Dark Gray ΔE 9.48 #a9a9a9 Dark Grey ΔE 9.48 #aa98a9 Rose Quartz ΔE 10.94 #69624f Ters renk #9d9d9d Gri tonlama 

Cool Gray
#969db0  rgb(150, 157, 176)  hsl(224, 14%, 64%)  Cool Gray
#b0a996  rgb(176, 169, 150)  hsl(44, 14%, 64%)  Dark Gray
#b0969d  rgb(176, 150, 157)  hsl(344, 14%, 64%)  Rose Quartz
#9db096  rgb(157, 176, 150)  hsl(104, 14%, 64%)  Dark Sea Green