ColorTool
Giriş yap
#557A67

#557a67 ≈ Viridian

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

#557a67, “yeşil” ailesinden bir renktir; açıklığı orta, doygunluğu düşük. RGB modelinde %33,33 kırmızı, %47,84 yeşil ve %40,39 maviden oluşur; CMYK baskıda %30,33 camgöbeği, %0 macenta, %15,57 sarı ve %52,16 siyah kullanır. Ton açısı 149,19°, HSL’de doygunluğu %17,87 ve açıklığı %40,59’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,81:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Viridian (#40826d), ΔE 5,53.

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

Tamamlayıcı

  1. #557a67
  2. #7a5568

Bölünmüş tamamlayıcı

  1. #557a67
  2. #7a557a
  3. #7a5556

Komşu

  1. #567a55
  2. #557a67
  3. #557a7a

Üçlü

  1. #557a67
  2. #67557a
  3. #7a6755

Dörtlü

  1. #557a67
  2. #55687a
  3. #7a5568
  4. #7a6755

Kare

  1. #557a67
  2. #55567a
  3. #7a5568
  4. #7a7a55

Tek renkli

  1. #16201b
  2. #364d41
  3. #557a67
  4. #7aa28d
  5. #a7c1b4

Koyu tonlar

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

  1. #557a67
  2. #4d6e5d
  3. #446252
  4. #3c5548
  5. #33493e
  6. #2b3d34
  7. #223129
  8. #1a251f
  9. #111815
  10. #090c0a
  11. #000000

Açık tonlar

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

  1. #557a67
  2. #668776
  3. #779585
  4. #88a295
  5. #99afa4
  6. #aabdb3
  7. #bbcac2
  8. #ccd7d1
  9. #dde4e1
  10. #eef2f0
  11. #ffffff

Tonlar

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

  1. #557a67
  2. #597b6a
  3. #5e7b6c
  4. #627c6f
  5. #667c71
  6. #6b7d74
  7. #6f7e76
  8. #737e79
  9. #777f7b
  10. #7c7f7e
  11. #808080

Okunaklı metin 4.81:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Okunaklı metin 4.37:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Akromatopsi #727272 Erkeklerin ≈ 0.003% kadarı
Akromatomali #68756e Erkeklerin ≈ 0.001% kadarı
Protanopi #797566 Erkeklerin ≈ 1.01% kadarı
Döteranopi #737068 Erkeklerin ≈ 1.27% kadarı
Tritanopi #4d7a74 Erkeklerin ≈ 0.0001% kadarı
Protanomali #6c7766 Erkeklerin ≈ 1.08% kadarı
Döteranomali #687468 Erkeklerin ≈ 4.63% kadarı
Tritanomali #517a6f Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#40826d Viridian ΔE 5.53 #738678 Xanadu ΔE 8.36 #317873 Myrtle Green ΔE 8.40 #00755e Tropical Rain Forest ΔE 9.49 #01796f Pine Green ΔE 9.89 #4f7942 Fern Green ΔE 10.72 #2e8b57 Sea Green ΔE 11.61 #aa8598 Ters renk #727272 Gri tonlama 

Viridian
#557a67  rgb(85, 122, 103)  hsl(149, 18%, 41%)  Viridian
#7a5568  rgb(122, 85, 104)  hsl(329, 18%, 41%)  Mauve Taupe
#67557a  rgb(103, 85, 122)  hsl(269, 18%, 41%)  Old Lavender
#7a6755  rgb(122, 103, 85)  hsl(29, 18%, 41%)  Raw Umber