ColorTool
Giriş yap
#5AAA4F

#5aaa4f ≈ Mantis

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

#5aaa4f, “yeşil” ailesinden bir renktir; açıklığı orta, doygunluğu orta. RGB modelinde %35,29 kırmızı, %66,67 yeşil ve %30,98 maviden oluşur; CMYK baskıda %47,06 camgöbeği, %0 macenta, %53,53 sarı ve %33,33 siyah kullanır. Ton açısı 112,75°, HSL’de doygunluğu %36,55 ve açıklığı %48,82’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 7,3:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Mantis (#74c365), ΔE 7,26.

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

Tamamlayıcı

  1. #5aaa4f
  2. #9f4faa

Bölünmüş tamamlayıcı

  1. #5aaa4f
  2. #714faa
  3. #aa4f87

Komşu

  1. #87aa4f
  2. #5aaa4f
  3. #4faa71

Üçlü

  1. #5aaa4f
  2. #4f5aaa
  3. #aa4f5a

Dörtlü

  1. #5aaa4f
  2. #4faa9f
  3. #9f4faa
  4. #aa4f5a

Kare

  1. #5aaa4f
  2. #4f87aa
  3. #9f4faa
  4. #aa714f

Tek renkli

  1. #23421e
  2. #3e7637
  3. #5aaa4f
  4. #89c481
  5. #baddb5

Koyu tonlar

#5aaa4f kademeli olarak siyahla karıştırıldı.

  1. #5aaa4f
  2. #519947
  3. #48883f
  4. #3f7737
  5. #36662f
  6. #2d5528
  7. #244420
  8. #1b3318
  9. #122210
  10. #091108
  11. #000000

Açık tonlar

#5aaa4f kademeli olarak beyazla karıştırıldı.

  1. #5aaa4f
  2. #6bb361
  3. #7bbb72
  4. #8cc484
  5. #9ccc95
  6. #add5a7
  7. #bdddb9
  8. #cee6ca
  9. #deeedc
  10. #eff7ed
  11. #ffffff

Tonlar

#5aaa4f kademeli olarak griyle karıştırıldı.

  1. #5aaa4f
  2. #5ea654
  3. #62a259
  4. #659d5e
  5. #699963
  6. #6d9568
  7. #71916c
  8. #758d71
  9. #788876
  10. #7c847b
  11. #808080

Okunaklı metin 2.88:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 7.3:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #989898 Erkeklerin ≈ 0.003% kadarı
Akromatomali #84a081 Erkeklerin ≈ 0.001% kadarı
Protanopi #ae9d47 Erkeklerin ≈ 1.01% kadarı
Döteranopi #a39555 Erkeklerin ≈ 1.27% kadarı
Tritanopi #52a595 Erkeklerin ≈ 0.0001% kadarı
Protanomali #94a24a Erkeklerin ≈ 1.08% kadarı
Döteranomali #8c9e53 Erkeklerin ≈ 4.63% kadarı
Tritanomali #55a77f Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-5aaa4f {
  color: #5aaa4f;
}
Arka plan
.bg-5aaa4f {
  background-color: #5aaa4f;
  color: #000000;
}
Kenarlık
.border-5aaa4f {
  border: 2px solid #5aaa4f;
}
CSS değişkenleri
:root {
  --color-primary: #5aaa4f;
  --color-primary-rgb: 90 170 79;
  --color-primary-hsl: 113 37% 49%;
}
Geçiş
.gradient-5aaa4f {
  background: linear-gradient(135deg, #5aaa4f, #4faa71);
}
Renkli gölge
.shadow-5aaa4f {
  box-shadow: 0 8px 24px rgb(90 170 79 / 0.35);
}

#74c365 Mantis ΔE 7.26 #3cb371 Medium Sea Green ΔE 7.40 #87a96b Asparagus ΔE 8.01 #4cbb17 Kelly Green ΔE 8.12 #00a86b Jade ΔE 9.16 #50c878 Emerald ΔE 9.37 #009e60 Shamrock Green ΔE 9.50 #a555b0 Ters renk #989898 Gri tonlama 

Mantis
#5aaa4f  rgb(90, 170, 79)  hsl(113, 37%, 49%)  Mantis
#9f4faa  rgb(159, 79, 170)  hsl(293, 37%, 49%)  Purpureus
#4f5aaa  rgb(79, 90, 170)  hsl(233, 37%, 49%)  Sapphire
#aa4f5a  rgb(170, 79, 90)  hsl(353, 37%, 49%)  Brick Red