ColorTool
Giriş yap
#277EE3

#277ee3 ≈ Tufts Blue

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

#277ee3, “gök mavisi” ailesinden bir renktir; açıklığı orta, doygunluğu güçlü. RGB modelinde %15,29 kırmızı, %49,41 yeşil ve %89,02 maviden oluşur; CMYK baskıda %82,82 camgöbeği, %44,49 macenta, %0 sarı ve %10,98 siyah kullanır. Ton açısı 212,23°, HSL’de doygunluğu %77,05 ve açıklığı %52,16’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 marka vurguları için kullanır. Bu renk üzerinde siyah metin 5,18:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Tufts Blue (#417dc1), ΔE 3,15.

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

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

Tamamlayıcı

  1. #277ee3
  2. #e38c27

Bölünmüş tamamlayıcı

  1. #277ee3
  2. #e32e27
  3. #dce327

Komşu

  1. #27dce3
  2. #277ee3
  3. #2e27e3

Üçlü

  1. #277ee3
  2. #e3277e
  3. #7ee327

Dörtlü

  1. #277ee3
  2. #8c27e3
  3. #e38c27
  4. #7ee327

Kare

  1. #277ee3
  2. #e327dc
  3. #e38c27
  4. #27e32e

Tek renkli

  1. #0d3564
  2. #1659a8
  3. #277ee3
  4. #6ba6ec
  5. #aecff5

Koyu tonlar

#277ee3 kademeli olarak siyahla karıştırıldı.

  1. #277ee3
  2. #2371cc
  3. #1f65b6
  4. #1b589f
  5. #174c88
  6. #143f72
  7. #10325b
  8. #0c2644
  9. #08192d
  10. #040d17
  11. #000000

Açık tonlar

#277ee3 kademeli olarak beyazla karıştırıldı.

  1. #277ee3
  2. #3d8be6
  3. #5298e9
  4. #68a5eb
  5. #7db2ee
  6. #93bff1
  7. #a9cbf4
  8. #bed8f7
  9. #d4e5f9
  10. #e9f2fc
  11. #ffffff

Tonlar

#277ee3 kademeli olarak griyle karıştırıldı.

  1. #277ee3
  2. #307ed9
  3. #397ecf
  4. #427fc5
  5. #4b7fbb
  6. #547fb2
  7. #5c7fa8
  8. #657f9e
  9. #6e8094
  10. #77808a
  11. #808080

Okunaklı metin 4.05:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Okunaklı metin 5.18:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Akromatopsi #7e7e7e Erkeklerin ≈ 0.003% kadarı
Akromatomali #667eb0 Erkeklerin ≈ 0.001% kadarı
Protanopi #4887e7 Erkeklerin ≈ 1.01% kadarı
Döteranopi #1c76e1 Erkeklerin ≈ 1.27% kadarı
Tritanopi #0096a5 Erkeklerin ≈ 0.0001% kadarı
Protanomali #3d84e5 Erkeklerin ≈ 1.08% kadarı
Döteranomali #2179e2 Erkeklerin ≈ 4.63% kadarı
Tritanomali #008dc1 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-277ee3 {
  color: #277ee3;
}
Arka plan
.bg-277ee3 {
  background-color: #277ee3;
  color: #000000;
}
Kenarlık
.border-277ee3 {
  border: 2px solid #277ee3;
}
CSS değişkenleri
:root {
  --color-primary: #277ee3;
  --color-primary-rgb: 39 126 227;
  --color-primary-hsl: 212 77% 52%;
}
Geçiş
.gradient-277ee3 {
  background: linear-gradient(135deg, #277ee3, #2e27e3);
}
Renkli gölge
.shadow-277ee3 {
  box-shadow: 0 8px 24px rgb(39 126 227 / 0.35);
}

#417dc1 Tufts Blue ΔE 3.15 #318ce7 Bleu de France ΔE 4.89 #0073cf True Blue ΔE 4.95 #4682b4 Steel Blue ΔE 5.01 #0070ff Brandeis Blue ΔE 5.92 #1e90ff Dodger Blue ΔE 6.58 #6082b6 Glaucous ΔE 6.62 #d8811c Ters renk #7e7e7e Gri tonlama 

Tufts Blue
#277ee3  rgb(39, 126, 227)  hsl(212, 77%, 52%)  Tufts Blue
#e38c27  rgb(227, 140, 39)  hsl(32, 77%, 52%)  Carrot Orange
#e3277e  rgb(227, 39, 126)  hsl(332, 77%, 52%)  Telemagenta
#7ee327  rgb(126, 227, 39)  hsl(92, 77%, 52%)  Lawn Green