ColorTool
Giriş yap
#0077CB

#0077cb ≈ True Blue

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

#0077cb, “gök mavisi” ailesinden bir renktir; açıklığı düşük, doygunluğu canlı. RGB modelinde %0 kırmızı, %46,67 yeşil ve %79,61 maviden oluşur; CMYK baskıda %100 camgöbeği, %41,38 macenta, %0 sarı ve %20,39 siyah kullanır. Ton açısı 204,83°, HSL’de doygunluğu %100 ve açıklığı %39,8’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,67:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk True Blue (#0073cf), ΔE 1,85.

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

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

Tamamlayıcı

  1. #0077cb
  2. #cb5400

Bölünmüş tamamlayıcı

  1. #0077cb
  2. #cb0011
  3. #cbb900

Komşu

  1. #00cbb9
  2. #0077cb
  3. #0011cb

Üçlü

  1. #0077cb
  2. #cb0077
  3. #77cb00

Dörtlü

  1. #0077cb
  2. #5400cb
  3. #cb5400
  4. #77cb00

Kare

  1. #0077cb
  2. #b900cb
  3. #cb5400
  4. #11cb00

Tek renkli

  1. #001d32
  2. #004a7e
  3. #0077cb
  4. #18a0ff
  5. #65bfff

Koyu tonlar

#0077cb kademeli olarak siyahla karıştırıldı.

  1. #0077cb
  2. #006bb7
  3. #005fa2
  4. #00538e
  5. #00477a
  6. #003c66
  7. #003051
  8. #00243d
  9. #001829
  10. #000c14
  11. #000000

Açık tonlar

#0077cb kademeli olarak beyazla karıştırıldı.

  1. #0077cb
  2. #1a85d0
  3. #3392d5
  4. #4da0db
  5. #66ade0
  6. #80bbe5
  7. #99c9ea
  8. #b3d6ef
  9. #cce4f5
  10. #e6f1fa
  11. #ffffff

Tonlar

#0077cb kademeli olarak griyle karıştırıldı.

  1. #0077cb
  2. #0d78c4
  3. #1a79bc
  4. #267ab5
  5. #337bad
  6. #407ca6
  7. #4d7c9e
  8. #5a7d97
  9. #667e8f
  10. #737f88
  11. #808080

Okunaklı metin 4.67:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Okunaklı metin 4.5:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Akromatopsi #747474 Erkeklerin ≈ 0.003% kadarı
Akromatomali #5b759e Erkeklerin ≈ 0.001% kadarı
Protanopi #4c7dce Erkeklerin ≈ 1.01% kadarı
Döteranopi #296dc9 Erkeklerin ≈ 1.27% kadarı
Tritanopi #008b97 Erkeklerin ≈ 0.0001% kadarı
Protanomali #3b7bcd Erkeklerin ≈ 1.08% kadarı
Döteranomali #1f71ca Erkeklerin ≈ 4.63% kadarı
Tritanomali #0084ae Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-0077cb {
  color: #0077cb;
}
Arka plan
.bg-0077cb {
  background-color: #0077cb;
  color: #ffffff;
}
Kenarlık
.border-0077cb {
  border: 2px solid #0077cb;
}
CSS değişkenleri
:root {
  --color-primary: #0077cb;
  --color-primary-rgb: 0 119 203;
  --color-primary-hsl: 205 100% 40%;
}
Geçiş
.gradient-0077cb {
  background: linear-gradient(135deg, #0077cb, #0011cb);
}
Renkli gölge
.shadow-0077cb {
  box-shadow: 0 8px 24px rgb(0 119 203 / 0.35);
}

#0073cf True Blue ΔE 1.85 #0072bb French Blue ΔE 2.60 #417dc1 Tufts Blue ΔE 3.67 #4682b4 Steel Blue ΔE 5.18 #0067a5 Medium Persian Blue ΔE 6.96 #436b95 Queen Blue ΔE 7.73 #0070ff Brandeis Blue ΔE 7.81 #ff8834 Ters renk #747474 Gri tonlama 

True Blue
#0077cb  rgb(0, 119, 203)  hsl(205, 100%, 40%)  True Blue
#cb5400  rgb(203, 84, 0)  hsl(25, 100%, 40%)  Burnt Orange
#cb0077  rgb(203, 0, 119)  hsl(325, 100%, 40%)  Medium Violet Red
#77cb00  rgb(119, 203, 0)  hsl(85, 100%, 40%)  Yellow Green