ColorTool
Giriş yap
#577D6B

#577d6b ≈ Viridian

  • camgöbeği yeşili
  • Açıklık: orta
  • Doygunluk: düşük
  • Dengeli
Kontrastı denetle Grafikte keşfet Rastgele renk

#577d6b, “camgöbeği yeşili” ailesinden bir renktir; açıklığı orta, doygunluğu düşük. RGB modelinde %34,12 kırmızı, %49,02 yeşil ve %41,96 maviden oluşur; CMYK baskıda %30,4 camgöbeği, %0 macenta, %14,4 sarı ve %50,98 siyah kullanır. Ton açısı 151,58°, HSL’de doygunluğu %17,92 ve açıklığı %41,57’dir. Sıcak ile soğuk arasında yer alır ve çoğunlukla berraklık, sakinlik ve yenilenme 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 4,61:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Viridian (#40826d), ΔE 5,13.

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

Tamamlayıcı

  1. #577d6b
  2. #7d5769

Bölünmüş tamamlayıcı

  1. #577d6b
  2. #7d577c
  3. #7d5857

Komşu

  1. #577d58
  2. #577d6b
  3. #577c7d

Üçlü

  1. #577d6b
  2. #6b577d
  3. #7d6b57

Dörtlü

  1. #577d6b
  2. #57697d
  3. #7d5769
  4. #7d6b57

Kare

  1. #577d6b
  2. #58577d
  3. #7d5769
  4. #7c7d57

Tek renkli

  1. #18231e
  2. #385044
  3. #577d6b
  4. #7ca491
  5. #aac3b7

Koyu tonlar

#577d6b kademeli olarak siyahla karıştırıldı.

  1. #577d6b
  2. #4e7160
  3. #466456
  4. #3d584b
  5. #344b40
  6. #2c3f36
  7. #23322b
  8. #1a2620
  9. #111915
  10. #090d0b
  11. #000000

Açık tonlar

#577d6b kademeli olarak beyazla karıştırıldı.

  1. #577d6b
  2. #688a7a
  3. #799789
  4. #89a497
  5. #9ab1a6
  6. #abbeb5
  7. #bccbc4
  8. #cdd8d3
  9. #dde5e1
  10. #eef2f0
  11. #ffffff

Tonlar

#577d6b kademeli olarak griyle karıştırıldı.

  1. #577d6b
  2. #5b7d6d
  3. #5f7e6f
  4. #637e71
  5. #677e73
  6. #6c7f76
  7. #707f78
  8. #747f7a
  9. #787f7c
  10. #7c807e
  11. #808080

Okunaklı metin 4.61:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Okunaklı metin 4.55:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Akromatopsi #757575 Erkeklerin ≈ 0.003% kadarı
Akromatomali #6a7871 Erkeklerin ≈ 0.001% kadarı
Protanopi #7c786a Erkeklerin ≈ 1.01% kadarı
Döteranopi #75736c Erkeklerin ≈ 1.27% kadarı
Tritanopi #4f7d78 Erkeklerin ≈ 0.0001% kadarı
Protanomali #6f7a6a Erkeklerin ≈ 1.08% kadarı
Döteranomali #6a776c Erkeklerin ≈ 4.63% kadarı
Tritanomali #527d73 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-577d6b {
  color: #577d6b;
}
Arka plan
.bg-577d6b {
  background-color: #577d6b;
  color: #ffffff;
}
Kenarlık
.border-577d6b {
  border: 2px solid #577d6b;
}
CSS değişkenleri
:root {
  --color-primary: #577d6b;
  --color-primary-rgb: 87 125 107;
  --color-primary-hsl: 152 18% 42%;
}
Geçiş
.gradient-577d6b {
  background: linear-gradient(135deg, #577d6b, #577c7d);
}
Renkli gölge
.shadow-577d6b {
  box-shadow: 0 8px 24px rgb(87 125 107 / 0.35);
}

#40826d Viridian ΔE 5.13 #738678 Xanadu ΔE 7.63 #317873 Myrtle Green ΔE 8.30 #01796f Pine Green ΔE 9.89 #00755e Tropical Rain Forest ΔE 9.93 #4f7942 Fern Green ΔE 11.36 #008080 Teal ΔE 11.48 #a88294 Ters renk #757575 Gri tonlama 

Viridian
#577d6b  rgb(87, 125, 107)  hsl(152, 18%, 42%)  Viridian
#7d5769  rgb(125, 87, 105)  hsl(332, 18%, 42%)  Mauve Taupe
#6b577d  rgb(107, 87, 125)  hsl(272, 18%, 42%)  Old Lavender
#7d6b57  rgb(125, 107, 87)  hsl(32, 18%, 42%)  Raw Umber