ColorTool
Giriş yap
#557C57

#557c57 ≈ Fern Green

  • yeşil
  • Açıklık: orta
  • Doygunluk: düşük
  • Dengeli
Kontrastı denetle Grafikte keşfet Rastgele renk

#557c57, “yeşil” ailesinden bir renktir; açıklığı orta, doygunluğu düşük. RGB modelinde %33,33 kırmızı, %48,63 yeşil ve %34,12 maviden oluşur; CMYK baskıda %31,45 camgöbeği, %0 macenta, %29,84 sarı ve %51,37 siyah kullanır. Ton açısı 123,08°, HSL’de doygunluğu %18,66 ve açıklığı %40,98’dir. Sıcak ile soğuk arasında yer alır ve çoğunlukla doğa, sağlık ve denge ile ilişkilendirilir. Tasarımcılar onu genellikle çevre dostu markalar, sağlık ve esenlik ve marka vurguları için kullanır. Bu renk üzerinde beyaz metin 4,77:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Fern Green (#4f7942), ΔE 5,03.

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

Tamamlayıcı

  1. #557c57
  2. #7c557a

Bölünmüş tamamlayıcı

  1. #557c57
  2. #6b557c
  3. #7c5566

Komşu

  1. #667c55
  2. #557c57
  3. #557c6b

Üçlü

  1. #557c57
  2. #57557c
  3. #7c5755

Dörtlü

  1. #557c57
  2. #557a7c
  3. #7c557a
  4. #7c5755

Kare

  1. #557c57
  2. #55667c
  3. #7c557a
  4. #7c6b55

Tek renkli

  1. #172117
  2. #364f37
  3. #557c57
  4. #7aa47c
  5. #a7c3a9

Koyu tonlar

#557c57 kademeli olarak siyahla karıştırıldı.

  1. #557c57
  2. #4d704e
  3. #446346
  4. #3c573d
  5. #334a34
  6. #2b3e2c
  7. #223223
  8. #1a251a
  9. #111911
  10. #090c09
  11. #000000

Açık tonlar

#557c57 kademeli olarak beyazla karıştırıldı.

  1. #557c57
  2. #668968
  3. #779679
  4. #88a389
  5. #99b09a
  6. #aabeab
  7. #bbcbbc
  8. #ccd8cd
  9. #dde5dd
  10. #eef2ee
  11. #ffffff

Tonlar

#557c57 kademeli olarak griyle karıştırıldı.

  1. #557c57
  2. #597c5b
  3. #5e7d5f
  4. #627d63
  5. #667e67
  6. #6b7e6c
  7. #6f7e70
  8. #737f74
  9. #777f78
  10. #7c807c
  11. #808080

Okunaklı metin 4.77:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Okunaklı metin 4.41:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Akromatopsi #737373 Erkeklerin ≈ 0.003% kadarı
Akromatomali #687769 Erkeklerin ≈ 0.001% kadarı
Protanopi #7d7555 Erkeklerin ≈ 1.01% kadarı
Döteranopi #777159 Erkeklerin ≈ 1.27% kadarı
Tritanopi #517a72 Erkeklerin ≈ 0.0001% kadarı
Protanomali #6f7856 Erkeklerin ≈ 1.08% kadarı
Döteranomali #6b7658 Erkeklerin ≈ 4.63% kadarı
Tritanomali #527b68 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-557c57 {
  color: #557c57;
}
Arka plan
.bg-557c57 {
  background-color: #557c57;
  color: #ffffff;
}
Kenarlık
.border-557c57 {
  border: 2px solid #557c57;
}
CSS değişkenleri
:root {
  --color-primary: #557c57;
  --color-primary-rgb: 85 124 87;
  --color-primary-hsl: 123 19% 41%;
}
Geçiş
.gradient-557c57 {
  background: linear-gradient(135deg, #557c57, #557c6b);
}
Renkli gölge
.shadow-557c57 {
  box-shadow: 0 8px 24px rgb(85 124 87 / 0.35);
}

#4f7942 Fern Green ΔE 5.03 #40826d Viridian ΔE 7.91 #2e8b57 Sea Green ΔE 8.22 #556b2f Dark Olive Green ΔE 10.07 #507d2a Sap Green ΔE 10.07 #00755e Tropical Rain Forest ΔE 10.89 #738678 Xanadu ΔE 10.99 #aa83a8 Ters renk #737373 Gri tonlama 

Fern Green
#557c57  rgb(85, 124, 87)  hsl(123, 19%, 41%)  Fern Green
#7c557a  rgb(124, 85, 122)  hsl(303, 19%, 41%)  Twilight Lavender
#57557c  rgb(87, 85, 124)  hsl(243, 19%, 41%)  Dark Slate Blue
#7c5755  rgb(124, 87, 85)  hsl(3, 19%, 41%)  Tuscan Red