ColorTool
Giriş yap
#558D6A

#558d6a ≈ Sea Green

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

#558d6a, “yeşil” ailesinden bir renktir; açıklığı orta, doygunluğu düşük. RGB modelinde %33,33 kırmızı, %55,29 yeşil ve %41,57 maviden oluşur; CMYK baskıda %39,72 camgöbeği, %0 macenta, %24,82 sarı ve %44,71 siyah kullanır. Ton açısı 142,5°, HSL’de doygunluğu %24,78 ve açıklığı %44,31’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 siyah metin 5,4:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Sea Green (#2e8b57), ΔE 6,13.

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

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

Tamamlayıcı

  1. #558d6a
  2. #8d5578

Bölünmüş tamamlayıcı

  1. #558d6a
  2. #86558d
  3. #8d555c

Komşu

  1. #5c8d55
  2. #558d6a
  3. #558d86

Üçlü

  1. #558d6a
  2. #6a558d
  3. #8d6a55

Dörtlü

  1. #558d6a
  2. #55788d
  3. #8d5578
  4. #8d6a55

Kare

  1. #558d6a
  2. #555c8d
  3. #8d5578
  4. #8d8655

Tek renkli

  1. #1b2e22
  2. #385d46
  3. #558d6a
  4. #7eb191
  5. #adceb9

Koyu tonlar

#558d6a kademeli olarak siyahla karıştırıldı.

  1. #558d6a
  2. #4d7f5f
  3. #447155
  4. #3c634a
  5. #335540
  6. #2b4735
  7. #22382a
  8. #1a2a20
  9. #111c15
  10. #090e0b
  11. #000000

Açık tonlar

#558d6a kademeli olarak beyazla karıştırıldı.

  1. #558d6a
  2. #669879
  3. #77a488
  4. #88af97
  5. #99bba6
  6. #aac6b5
  7. #bbd1c3
  8. #ccddd2
  9. #dde8e1
  10. #eef4f0
  11. #ffffff

Tonlar

#558d6a kademeli olarak griyle karıştırıldı.

  1. #558d6a
  2. #598c6c
  3. #5e8a6e
  4. #628971
  5. #668873
  6. #6b8775
  7. #6f8577
  8. #738479
  9. #77837c
  10. #7c817e
  11. #808080

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

Akromatopsi #818181 Erkeklerin ≈ 0.003% kadarı
Akromatomali #728679 Erkeklerin ≈ 0.001% kadarı
Protanopi #8d8568 Erkeklerin ≈ 1.01% kadarı
Döteranopi #847f6c Erkeklerin ≈ 1.27% kadarı
Tritanopi #4a8c83 Erkeklerin ≈ 0.0001% kadarı
Protanomali #7a8869 Erkeklerin ≈ 1.08% kadarı
Döteranomali #74856b Erkeklerin ≈ 4.63% kadarı
Tritanomali #4e8c7a Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-558d6a {
  color: #558d6a;
}
Arka plan
.bg-558d6a {
  background-color: #558d6a;
  color: #000000;
}
Kenarlık
.border-558d6a {
  border: 2px solid #558d6a;
}
CSS değişkenleri
:root {
  --color-primary: #558d6a;
  --color-primary-rgb: 85 141 106;
  --color-primary-hsl: 143 25% 44%;
}
Geçiş
.gradient-558d6a {
  background: linear-gradient(135deg, #558d6a, #558d86);
}
Renkli gölge
.shadow-558d6a {
  box-shadow: 0 8px 24px rgb(85 141 106 / 0.35);
}

#2e8b57 Sea Green ΔE 6.13 #40826d Viridian ΔE 6.62 #009e60 Shamrock Green ΔE 9.32 #4f7942 Fern Green ΔE 10.10 #738678 Xanadu ΔE 10.76 #29ab87 Jungle Green ΔE 10.97 #00a86b Jade ΔE 10.97 #aa7295 Ters renk #818181 Gri tonlama 

Sea Green
#558d6a  rgb(85, 141, 106)  hsl(143, 25%, 44%)  Sea Green
#8d5578  rgb(141, 85, 120)  hsl(323, 25%, 44%)  Twilight Lavender
#6a558d  rgb(106, 85, 141)  hsl(263, 25%, 44%)  Royal Purple
#8d6a55  rgb(141, 106, 85)  hsl(23, 25%, 44%)  Raw Umber