ColorTool
Giriş yap
#54AF4E

#54af4e ≈ Mantis

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

#54af4e, “yeşil” ailesinden bir renktir; açıklığı orta, doygunluğu orta. RGB modelinde %32,94 kırmızı, %68,63 yeşil ve %30,59 maviden oluşur; CMYK baskıda %52 camgöbeği, %0 macenta, %55,43 sarı ve %31,37 siyah kullanır. Ton açısı 116,29°, HSL’de doygunluğu %38,34 ve açıklığı %49,61’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,62:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Mantis (#74c365), ΔE 6,3.

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

Tamamlayıcı

  1. #54af4e
  2. #a94eaf

Bölünmüş tamamlayıcı

  1. #54af4e
  2. #794eaf
  3. #af4e85

Komşu

  1. #85af4e
  2. #54af4e
  3. #4eaf79

Üçlü

  1. #54af4e
  2. #4e54af
  3. #af4e54

Dörtlü

  1. #54af4e
  2. #4eafa9
  3. #a94eaf
  4. #af4e54

Kare

  1. #54af4e
  2. #4e85af
  3. #a94eaf
  4. #af794e

Tek renkli

  1. #21451f
  2. #3b7a36
  3. #54af4e
  4. #86c782
  5. #badfb7

Koyu tonlar

#54af4e kademeli olarak siyahla karıştırıldı.

  1. #54af4e
  2. #4c9e46
  3. #438c3e
  4. #3b7b37
  5. #32692f
  6. #2a5827
  7. #22461f
  8. #193517
  9. #112310
  10. #081208
  11. #000000

Açık tonlar

#54af4e kademeli olarak beyazla karıştırıldı.

  1. #54af4e
  2. #65b760
  3. #76bf71
  4. #87c783
  5. #98cf95
  6. #aad7a7
  7. #bbdfb8
  8. #cce7ca
  9. #ddefdc
  10. #eef7ed
  11. #ffffff

Tonlar

#54af4e kademeli olarak griyle karıştırıldı.

  1. #54af4e
  2. #58aa53
  3. #5da658
  4. #61a15d
  5. #669c62
  6. #6a9867
  7. #6e936c
  8. #738e71
  9. #778976
  10. #7c857b
  11. #808080

Okunaklı metin 2.76:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 7.62:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #9c9c9c Erkeklerin ≈ 0.003% kadarı
Akromatomali #85a484 Erkeklerin ≈ 0.001% kadarı
Protanopi #b3a145 Erkeklerin ≈ 1.01% kadarı
Döteranopi #a79955 Erkeklerin ≈ 1.27% kadarı
Tritanopi #48aa99 Erkeklerin ≈ 0.0001% kadarı
Protanomali #96a749 Erkeklerin ≈ 1.08% kadarı
Döteranomali #8da252 Erkeklerin ≈ 4.63% kadarı
Tritanomali #4dac82 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-54af4e {
  color: #54af4e;
}
Arka plan
.bg-54af4e {
  background-color: #54af4e;
  color: #000000;
}
Kenarlık
.border-54af4e {
  border: 2px solid #54af4e;
}
CSS değişkenleri
:root {
  --color-primary: #54af4e;
  --color-primary-rgb: 84 175 78;
  --color-primary-hsl: 116 38% 50%;
}
Geçiş
.gradient-54af4e {
  background: linear-gradient(135deg, #54af4e, #4eaf79);
}
Renkli gölge
.shadow-54af4e {
  box-shadow: 0 8px 24px rgb(84 175 78 / 0.35);
}

#74c365 Mantis ΔE 6.30 #4cbb17 Kelly Green ΔE 7.00 #3cb371 Medium Sea Green ΔE 7.10 #50c878 Emerald ΔE 8.26 #87a96b Asparagus ΔE 9.01 #00a86b Jade ΔE 9.26 #32cd32 Lime Green ΔE 9.27 #ab50b1 Ters renk #9c9c9c Gri tonlama 

Mantis
#54af4e  rgb(84, 175, 78)  hsl(116, 38%, 50%)  Mantis
#a94eaf  rgb(169, 78, 175)  hsl(296, 38%, 50%)  Purpureus
#4e54af  rgb(78, 84, 175)  hsl(236, 38%, 50%)  Iris
#af4e54  rgb(175, 78, 84)  hsl(356, 38%, 50%)  Brick Red