ColorTool
Giriş yap
#107BA5

#107ba5 ≈ Cerulean

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

#107ba5, “gök mavisi” ailesinden bir renktir; açıklığı düşük, doygunluğu güçlü. RGB modelinde %6,27 kırmızı, %48,24 yeşil ve %64,71 maviden oluşur; CMYK baskıda %90,3 camgöbeği, %25,45 macenta, %0 sarı ve %35,29 siyah kullanır. Ton açısı 196,91°, HSL’de doygunluğu %82,32 ve açıklığı %35,49’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 eylem çağrısı düğmeleri için kullanır. Bu renk üzerinde beyaz metin 4,77:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Cerulean (#007ba7), ΔE 0,47.

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

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

Tamamlayıcı

  1. #107ba5
  2. #a53a10

Bölünmüş tamamlayıcı

  1. #107ba5
  2. #a51031
  3. #a58410

Komşu

  1. #10a584
  2. #107ba5
  3. #1031a5

Üçlü

  1. #107ba5
  2. #a5107b
  3. #7ba510

Dörtlü

  1. #107ba5
  2. #3a10a5
  3. #a53a10
  4. #7ba510

Kare

  1. #107ba5
  2. #8410a5
  3. #a53a10
  4. #31a510

Tek renkli

  1. #02131a
  2. #09475f
  3. #107ba5
  4. #19aee9
  5. #5fc7ef

Koyu tonlar

#107ba5 kademeli olarak siyahla karıştırıldı.

  1. #107ba5
  2. #0e6f95
  3. #0d6284
  4. #0b5674
  5. #0a4a63
  6. #083e53
  7. #063142
  8. #052532
  9. #031921
  10. #020c11
  11. #000000

Açık tonlar

#107ba5 kademeli olarak beyazla karıştırıldı.

  1. #107ba5
  2. #2888ae
  3. #4095b7
  4. #58a3c0
  5. #70b0c9
  6. #88bdd2
  7. #9fcadb
  8. #b7d7e4
  9. #cfe5ed
  10. #e7f2f6
  11. #ffffff

Tonlar

#107ba5 kademeli olarak griyle karıştırıldı.

  1. #107ba5
  2. #1b7ca1
  3. #267c9e
  4. #327d9a
  5. #3d7d96
  6. #487e93
  7. #537e8f
  8. #5e7f8b
  9. #6a7f87
  10. #758084
  11. #808080

Okunaklı metin 4.77:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Okunaklı metin 4.4:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Akromatopsi #737373 Erkeklerin ≈ 0.003% kadarı
Akromatomali #5b768a Erkeklerin ≈ 0.001% kadarı
Protanopi #667aa7 Erkeklerin ≈ 1.01% kadarı
Döteranopi #536da4 Erkeklerin ≈ 1.27% kadarı
Tritanopi #008689 Erkeklerin ≈ 0.0001% kadarı
Protanomali #517aa6 Erkeklerin ≈ 1.08% kadarı
Döteranomali #4273a5 Erkeklerin ≈ 4.63% kadarı
Tritanomali #008295 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-107ba5 {
  color: #107ba5;
}
Arka plan
.bg-107ba5 {
  background-color: #107ba5;
  color: #ffffff;
}
Kenarlık
.border-107ba5 {
  border: 2px solid #107ba5;
}
CSS değişkenleri
:root {
  --color-primary: #107ba5;
  --color-primary-rgb: 16 123 165;
  --color-primary-hsl: 197 82% 35%;
}
Geçiş
.gradient-107ba5 {
  background: linear-gradient(135deg, #107ba5, #1031a5);
}
Renkli gölge
.shadow-107ba5 {
  box-shadow: 0 8px 24px rgb(16 123 165 / 0.35);
}

#007ba7 Cerulean ΔE 0.47 #006994 Sea Blue ΔE 6.63 #4682b4 Steel Blue ΔE 6.97 #367588 Teal Blue ΔE 7.27 #0072bb French Blue ΔE 7.75 #5d8aa8 Air Force Blue ΔE 8.82 #0067a5 Medium Persian Blue ΔE 9.14 #ef845a Ters renk #737373 Gri tonlama 

Cerulean
#107ba5  rgb(16, 123, 165)  hsl(197, 82%, 35%)  Cerulean
#a53a10  rgb(165, 58, 16)  hsl(17, 82%, 35%)  Rust
#a5107b  rgb(165, 16, 123)  hsl(317, 82%, 35%)  Jazzberry Jam
#7ba510  rgb(123, 165, 16)  hsl(77, 82%, 35%)  Apple Green