ColorTool
Giriş yap
#57B453

#57b453 ≈ Mantis

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

#57b453, “yeşil” ailesinden bir renktir; açıklığı orta, doygunluğu orta. RGB modelinde %34,12 kırmızı, %70,59 yeşil ve %32,55 maviden oluşur; CMYK baskıda %51,67 camgöbeği, %0 macenta, %53,89 sarı ve %29,41 siyah kullanır. Ton açısı 117,53°, HSL’de doygunluğu %39,27 ve açıklığı %51,57’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 8,06:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Mantis (#74c365), ΔE 4,97.

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

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

Tamamlayıcı

  1. #57b453
  2. #b053b4

Bölünmüş tamamlayıcı

  1. #57b453
  2. #8053b4
  3. #b45387

Komşu

  1. #87b453
  2. #57b453
  3. #53b480

Üçlü

  1. #57b453
  2. #5357b4
  3. #b45357

Dörtlü

  1. #57b453
  2. #53b4b0
  3. #b053b4
  4. #b45357

Kare

  1. #57b453
  2. #5387b4
  3. #b053b4
  4. #b48053

Tek renkli

  1. #234d21
  2. #3c8239
  3. #57b453
  4. #8bcb88
  5. #bfe2be

Koyu tonlar

#57b453 kademeli olarak siyahla karıştırıldı.

  1. #57b453
  2. #4ea24b
  3. #469042
  4. #3d7e3a
  5. #346c32
  6. #2c5a2a
  7. #234821
  8. #1a3619
  9. #112411
  10. #091208
  11. #000000

Açık tonlar

#57b453 kademeli olarak beyazla karıştırıldı.

  1. #57b453
  2. #68bc64
  3. #79c375
  4. #89cb87
  5. #9ad298
  6. #abdaa9
  7. #bce1ba
  8. #cde9cb
  9. #ddf0dd
  10. #eef8ee
  11. #ffffff

Tonlar

#57b453 kademeli olarak griyle karıştırıldı.

  1. #57b453
  2. #5baf58
  3. #5faa5c
  4. #63a461
  5. #679f65
  6. #6c9a6a
  7. #70956e
  8. #749073
  9. #788a77
  10. #7c857c
  11. #808080

Okunaklı metin 2.61:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 8.06:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #a0a0a0 Erkeklerin ≈ 0.003% kadarı
Akromatomali #89a988 Erkeklerin ≈ 0.001% kadarı
Protanopi #b8a54a Erkeklerin ≈ 1.01% kadarı
Döteranopi #ab9d5a Erkeklerin ≈ 1.27% kadarı
Tritanopi #4aaf9e Erkeklerin ≈ 0.0001% kadarı
Protanomali #9aab4e Erkeklerin ≈ 1.08% kadarı
Döteranomali #91a757 Erkeklerin ≈ 4.63% kadarı
Tritanomali #50b186 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-57b453 {
  color: #57b453;
}
Arka plan
.bg-57b453 {
  background-color: #57b453;
  color: #000000;
}
Kenarlık
.border-57b453 {
  border: 2px solid #57b453;
}
CSS değişkenleri
:root {
  --color-primary: #57b453;
  --color-primary-rgb: 87 180 83;
  --color-primary-hsl: 118 39% 52%;
}
Geçiş
.gradient-57b453 {
  background: linear-gradient(135deg, #57b453, #53b480);
}
Renkli gölge
.shadow-57b453 {
  box-shadow: 0 8px 24px rgb(87 180 83 / 0.35);
}

#74c365 Mantis ΔE 4.97 #4cbb17 Kelly Green ΔE 6.72 #3cb371 Medium Sea Green ΔE 6.86 #50c878 Emerald ΔE 7.02 #32cd32 Lime Green ΔE 8.30 #93c572 Pistachio ΔE 8.65 #87a96b Asparagus ΔE 9.12 #a84bac Ters renk #a0a0a0 Gri tonlama 

Mantis
#57b453  rgb(87, 180, 83)  hsl(118, 39%, 52%)  Mantis
#b053b4  rgb(176, 83, 180)  hsl(298, 39%, 52%)  Purpureus
#5357b4  rgb(83, 87, 180)  hsl(238, 39%, 52%)  Iris
#b45357  rgb(180, 83, 87)  hsl(358, 39%, 52%)  Brick Red