ColorTool
Giriş yap
#516F77

#516f77 ≈ Teal Blue

  • camgöbeği
  • Açıklık: düşük
  • Doygunluk: düşük
  • Soğuk
Kontrastı denetle Grafikte keşfet Rastgele renk

#516f77, “camgöbeği” ailesinden bir renktir; açıklığı düşük, doygunluğu düşük. RGB modelinde %31,76 kırmızı, %43,53 yeşil ve %46,67 maviden oluşur; CMYK baskıda %31,93 camgöbeği, %6,72 macenta, %0 sarı ve %53,33 siyah kullanır. Ton açısı 192,63°, HSL’de doygunluğu %19 ve açıklığı %39,22’dir. Soğuk bir renktir ve çoğunlukla ferahlık, teknoloji ve netlik ile ilişkilendirilir. Tasarımcılar onu genellikle sağlık ve esenlik, teknoloji ürünleri ve marka vurguları için kullanır. Bu renk üzerinde beyaz metin 5,4:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Teal Blue (#367588), ΔE 6,2.

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

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

Tamamlayıcı

  1. #516f77
  2. #775951

Bölünmüş tamamlayıcı

  1. #516f77
  2. #77515c
  3. #776c51

Komşu

  1. #51776c
  2. #516f77
  3. #515c77

Üçlü

  1. #516f77
  2. #77516f
  3. #6f7751

Dörtlü

  1. #516f77
  2. #595177
  3. #775951
  4. #6f7751

Kare

  1. #516f77
  2. #6c5177
  3. #775951
  4. #5c7751

Tek renkli

  1. #131a1c
  2. #324549
  3. #516f77
  4. #7497a0
  5. #a2b9bf

Koyu tonlar

#516f77 kademeli olarak siyahla karıştırıldı.

  1. #516f77
  2. #49646b
  3. #41595f
  4. #394e53
  5. #314347
  6. #29383c
  7. #202c30
  8. #182124
  9. #101618
  10. #080b0c
  11. #000000

Açık tonlar

#516f77 kademeli olarak beyazla karıştırıldı.

  1. #516f77
  2. #627d85
  3. #748c92
  4. #859aa0
  5. #97a9ad
  6. #a8b7bb
  7. #b9c5c9
  8. #cbd4d6
  9. #dce2e4
  10. #eef1f1
  11. #ffffff

Tonlar

#516f77 kademeli olarak griyle karıştırıldı.

  1. #516f77
  2. #567178
  3. #5a7279
  4. #5f747a
  5. #64767b
  6. #69787c
  7. #6d797c
  8. #727b7d
  9. #777d7e
  10. #7b7e7f
  11. #808080

Okunaklı metin 5.4:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Okunaklı metin 3.89:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Akromatopsi #6a6a6a Erkeklerin ≈ 0.003% kadarı
Akromatomali #616c6f Erkeklerin ≈ 0.001% kadarı
Protanopi #696d77 Erkeklerin ≈ 1.01% kadarı
Döteranopi #636877 Erkeklerin ≈ 1.27% kadarı
Tritanopi #447271 Erkeklerin ≈ 0.0001% kadarı
Protanomali #606e77 Erkeklerin ≈ 1.08% kadarı
Döteranomali #5c6b77 Erkeklerin ≈ 4.63% kadarı
Tritanomali #4a7174 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-516f77 {
  color: #516f77;
}
Arka plan
.bg-516f77 {
  background-color: #516f77;
  color: #ffffff;
}
Kenarlık
.border-516f77 {
  border: 2px solid #516f77;
}
CSS değişkenleri
:root {
  --color-primary: #516f77;
  --color-primary-rgb: 81 111 119;
  --color-primary-hsl: 193 19% 39%;
}
Geçiş
.gradient-516f77 {
  background: linear-gradient(135deg, #516f77, #515c77);
}
Renkli gölge
.shadow-516f77 {
  box-shadow: 0 8px 24px rgb(81 111 119 / 0.35);
}

#367588 Teal Blue ΔE 6.20 #708090 Slate Gray ΔE 10.91 #708090 Slate Grey ΔE 10.91 #317873 Myrtle Green ΔE 11.35 #696969 Dim Gray ΔE 11.39 #696969 Dim Grey ΔE 11.39 #4d5d53 Feldgrau ΔE 11.50 #ae9088 Ters renk #6a6a6a Gri tonlama 

Teal Blue
#516f77  rgb(81, 111, 119)  hsl(193, 19%, 39%)  Teal Blue
#775951  rgb(119, 89, 81)  hsl(13, 19%, 39%)  Liver
#77516f  rgb(119, 81, 111)  hsl(313, 19%, 39%)  Twilight Lavender
#6f7751  rgb(111, 119, 81)  hsl(73, 19%, 39%)  Dark Olive Green