ColorTool
Giriş yap
#4D7585

#4d7585 ≈ Teal Blue

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

#4d7585, “gök mavisi” ailesinden bir renktir; açıklığı orta, doygunluğu düşük. RGB modelinde %30,2 kırmızı, %45,88 yeşil ve %52,16 maviden oluşur; CMYK baskıda %42,11 camgöbeği, %12,03 macenta, %0 sarı ve %47,84 siyah kullanır. Ton açısı 197,14°, HSL’de doygunluğu %26,67 ve açıklığı %41,18’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 beyaz metin 5:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Teal Blue (#367588), ΔE 3,79.

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

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

Tamamlayıcı

  1. #4d7585
  2. #855d4d

Bölünmüş tamamlayıcı

  1. #4d7585
  2. #854d59
  3. #85794d

Komşu

  1. #4d8579
  2. #4d7585
  3. #4d5985

Üçlü

  1. #4d7585
  2. #854d75
  3. #75854d

Dörtlü

  1. #4d7585
  2. #5d4d85
  3. #855d4d
  4. #75854d

Kare

  1. #4d7585
  2. #794d85
  3. #855d4d
  4. #59854d

Tek renkli

  1. #152024
  2. #314a55
  3. #4d7585
  4. #719cad
  5. #a2bec9

Koyu tonlar

#4d7585 kademeli olarak siyahla karıştırıldı.

  1. #4d7585
  2. #456978
  3. #3e5e6a
  4. #36525d
  5. #2e4650
  6. #273b43
  7. #1f2f35
  8. #172328
  9. #0f171b
  10. #080c0d
  11. #000000

Açık tonlar

#4d7585 kademeli olarak beyazla karıştırıldı.

  1. #4d7585
  2. #5f8391
  3. #71919d
  4. #829eaa
  5. #94acb6
  6. #a6bac2
  7. #b8c8ce
  8. #cad6da
  9. #dbe3e7
  10. #edf1f3
  11. #ffffff

Tonlar

#4d7585 kademeli olarak griyle karıştırıldı.

  1. #4d7585
  2. #527685
  3. #577784
  4. #5c7884
  5. #617983
  6. #677b83
  7. #6c7c82
  8. #717d82
  9. #767e81
  10. #7b7f81
  11. #808080

Okunaklı metin 5:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Okunaklı metin 4.2:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Akromatopsi #6f6f6f Erkeklerin ≈ 0.003% kadarı
Akromatomali #637279 Erkeklerin ≈ 0.001% kadarı
Protanopi #6c7386 Erkeklerin ≈ 1.01% kadarı
Döteranopi #646d85 Erkeklerin ≈ 1.27% kadarı
Tritanopi #377a7a Erkeklerin ≈ 0.0001% kadarı
Protanomali #617486 Erkeklerin ≈ 1.08% kadarı
Döteranomali #5c7085 Erkeklerin ≈ 4.63% kadarı
Tritanomali #41787f Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-4d7585 {
  color: #4d7585;
}
Arka plan
.bg-4d7585 {
  background-color: #4d7585;
  color: #ffffff;
}
Kenarlık
.border-4d7585 {
  border: 2px solid #4d7585;
}
CSS değişkenleri
:root {
  --color-primary: #4d7585;
  --color-primary-rgb: 77 117 133;
  --color-primary-hsl: 197 27% 41%;
}
Geçiş
.gradient-4d7585 {
  background: linear-gradient(135deg, #4d7585, #4d5985);
}
Renkli gölge
.shadow-4d7585 {
  box-shadow: 0 8px 24px rgb(77 117 133 / 0.35);
}

#367588 Teal Blue ΔE 3.79 #007ba7 Cerulean ΔE 8.77 #708090 Slate Gray ΔE 9.45 #708090 Slate Grey ΔE 9.45 #5d8aa8 Air Force Blue ΔE 9.81 #006994 Sea Blue ΔE 9.91 #436b95 Queen Blue ΔE 10.49 #b28a7a Ters renk #6f6f6f Gri tonlama 

Teal Blue
#4d7585  rgb(77, 117, 133)  hsl(197, 27%, 41%)  Teal Blue
#855d4d  rgb(133, 93, 77)  hsl(17, 27%, 41%)  Coffee
#854d75  rgb(133, 77, 117)  hsl(317, 27%, 41%)  Twilight Lavender
#75854d  rgb(117, 133, 77)  hsl(77, 27%, 41%)  Moss Green