ColorTool
Giriş yap
#0A77CC

#0a77cc ≈ True Blue

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

#0a77cc, “gök mavisi” ailesinden bir renktir; açıklığı orta, doygunluğu canlı. RGB modelinde %3,92 kırmızı, %46,67 yeşil ve %80 maviden oluşur; CMYK baskıda %95,1 camgöbeği, %41,67 macenta, %0 sarı ve %20 siyah kullanır. Ton açısı 206,29°, HSL’de doygunluğu %90,65 ve açıklığı %41,96’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,64:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk True Blue (#0073cf), ΔE 1,62.

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.1762

Tamamlayıcı

  1. #0a77cc
  2. #cc5f0a

Bölünmüş tamamlayıcı

  1. #0a77cc
  2. #cc0a16
  3. #ccc00a

Komşu

  1. #0accc0
  2. #0a77cc
  3. #0a16cc

Üçlü

  1. #0a77cc
  2. #cc0a77
  3. #77cc0a

Dörtlü

  1. #0a77cc
  2. #5f0acc
  3. #cc5f0a
  4. #77cc0a

Kare

  1. #0a77cc
  2. #c00acc
  3. #cc5f0a
  4. #16cc0a

Tek renkli

  1. #03223a
  2. #064c83
  3. #0a77cc
  4. #2e9ef5
  5. #77c0f8

Koyu tonlar

#0a77cc kademeli olarak siyahla karıştırıldı.

  1. #0a77cc
  2. #096bb8
  3. #085fa3
  4. #07538f
  5. #06477a
  6. #053c66
  7. #043052
  8. #03243d
  9. #021829
  10. #010c14
  11. #000000

Açık tonlar

#0a77cc kademeli olarak beyazla karıştırıldı.

  1. #0a77cc
  2. #2385d1
  3. #3b92d6
  4. #54a0db
  5. #6cade0
  6. #85bbe6
  7. #9dc9eb
  8. #b6d6f0
  9. #cee4f5
  10. #e7f1fa
  11. #ffffff

Tonlar

#0a77cc kademeli olarak griyle karıştırıldı.

  1. #0a77cc
  2. #1678c4
  3. #2279bd
  4. #2d7ab5
  5. #397bae
  6. #457ca6
  7. #517c9e
  8. #5d7d97
  9. #687e8f
  10. #747f88
  11. #808080

Okunaklı metin 4.64:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Okunaklı metin 4.52:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Akromatopsi #747474 Erkeklerin ≈ 0.003% kadarı
Akromatomali #5c759f Erkeklerin ≈ 0.001% kadarı
Protanopi #4b7dcf Erkeklerin ≈ 1.01% kadarı
Döteranopi #296dca Erkeklerin ≈ 1.27% kadarı
Tritanopi #008c97 Erkeklerin ≈ 0.0001% kadarı
Protanomali #3b7bce Erkeklerin ≈ 1.08% kadarı
Döteranomali #2071cb Erkeklerin ≈ 4.63% kadarı
Tritanomali #0084af Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-0a77cc {
  color: #0a77cc;
}
Arka plan
.bg-0a77cc {
  background-color: #0a77cc;
  color: #ffffff;
}
Kenarlık
.border-0a77cc {
  border: 2px solid #0a77cc;
}
CSS değişkenleri
:root {
  --color-primary: #0a77cc;
  --color-primary-rgb: 10 119 204;
  --color-primary-hsl: 206 91% 42%;
}
Geçiş
.gradient-0a77cc {
  background: linear-gradient(135deg, #0a77cc, #0a16cc);
}
Renkli gölge
.shadow-0a77cc {
  box-shadow: 0 8px 24px rgb(10 119 204 / 0.35);
}

#0073cf True Blue ΔE 1.62 #0072bb French Blue ΔE 2.84 #417dc1 Tufts Blue ΔE 3.42 #4682b4 Steel Blue ΔE 5.13 #0067a5 Medium Persian Blue ΔE 7.13 #0070ff Brandeis Blue ΔE 7.47 #436b95 Queen Blue ΔE 7.71 #f58833 Ters renk #747474 Gri tonlama 

True Blue
#0a77cc  rgb(10, 119, 204)  hsl(206, 91%, 42%)  True Blue
#cc5f0a  rgb(204, 95, 10)  hsl(26, 91%, 42%)  Burnt Orange
#cc0a77  rgb(204, 10, 119)  hsl(326, 91%, 42%)  Medium Violet Red
#77cc0a  rgb(119, 204, 10)  hsl(86, 91%, 42%)  Yellow Green