ColorTool
Giriş yap
#3BA86C

#3ba86c ≈ Jade

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

#3ba86c, “yeşil” ailesinden bir renktir; açıklığı orta, doygunluğu orta. RGB modelinde %23,14 kırmızı, %65,88 yeşil ve %42,35 maviden oluşur; CMYK baskıda %64,88 camgöbeği, %0 macenta, %35,71 sarı ve %34,12 siyah kullanır. Ton açısı 146,97°, HSL’de doygunluğu %48,02 ve açıklığı %44,51’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:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Jade (#00a86b), ΔE 2,42.

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

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

Tamamlayıcı

  1. #3ba86c
  2. #a83b77

Bölünmüş tamamlayıcı

  1. #3ba86c
  2. #a23ba8
  3. #a83b41

Komşu

  1. #41a83b
  2. #3ba86c
  3. #3ba8a2

Üçlü

  1. #3ba86c
  2. #6c3ba8
  3. #a86c3b

Dörtlü

  1. #3ba86c
  2. #3b77a8
  3. #a83b77
  4. #a86c3b

Kare

  1. #3ba86c
  2. #3b41a8
  3. #a83b77
  4. #a8a23b

Tek renkli

  1. #133723
  2. #276f48
  3. #3ba86c
  4. #66c993
  5. #9fddbb

Koyu tonlar

#3ba86c kademeli olarak siyahla karıştırıldı.

  1. #3ba86c
  2. #359761
  3. #2f8656
  4. #29764c
  5. #236541
  6. #1e5436
  7. #18432b
  8. #123220
  9. #0c2216
  10. #06110b
  11. #000000

Açık tonlar

#3ba86c kademeli olarak beyazla karıştırıldı.

  1. #3ba86c
  2. #4fb17b
  3. #62b989
  4. #76c298
  5. #89cba7
  6. #9dd4b6
  7. #b1dcc4
  8. #c4e5d3
  9. #d8eee2
  10. #ebf6f0
  11. #ffffff

Tonlar

#3ba86c kademeli olarak griyle karıştırıldı.

  1. #3ba86c
  2. #42a46e
  3. #49a070
  4. #509c72
  5. #579874
  6. #5e9476
  7. #649078
  8. #6b8c7a
  9. #72887c
  10. #79847e
  11. #808080

Okunaklı metin 3:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 7:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #959595 Erkeklerin ≈ 0.003% kadarı
Akromatomali #7b9d86 Erkeklerin ≈ 0.001% kadarı
Protanopi #a79b68 Erkeklerin ≈ 1.01% kadarı
Döteranopi #999170 Erkeklerin ≈ 1.27% kadarı
Tritanopi #00a699 Erkeklerin ≈ 0.0001% kadarı
Protanomali #89a06a Erkeklerin ≈ 1.08% kadarı
Döteranomali #7e9b6e Erkeklerin ≈ 4.63% kadarı
Tritanomali #22a789 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-3ba86c {
  color: #3ba86c;
}
Arka plan
.bg-3ba86c {
  background-color: #3ba86c;
  color: #000000;
}
Kenarlık
.border-3ba86c {
  border: 2px solid #3ba86c;
}
CSS değişkenleri
:root {
  --color-primary: #3ba86c;
  --color-primary-rgb: 59 168 108;
  --color-primary-hsl: 147 48% 45%;
}
Geçiş
.gradient-3ba86c {
  background: linear-gradient(135deg, #3ba86c, #3ba8a2);
}
Renkli gölge
.shadow-3ba86c {
  box-shadow: 0 8px 24px rgb(59 168 108 / 0.35);
}

#00a86b Jade ΔE 2.42 #3cb371 Medium Sea Green ΔE 3.25 #009e60 Shamrock Green ΔE 4.16 #3eb489 Mint ΔE 5.97 #29ab87 Jungle Green ΔE 6.74 #50c878 Emerald ΔE 9.28 #2e8b57 Sea Green ΔE 9.54 #c45793 Ters renk #959595 Gri tonlama 

Jade
#3ba86c  rgb(59, 168, 108)  hsl(147, 48%, 45%)  Jade
#a83b77  rgb(168, 59, 119)  hsl(327, 48%, 45%)  Medium Violet Red
#6c3ba8  rgb(108, 59, 168)  hsl(267, 48%, 45%)  Purple Heart
#a86c3b  rgb(168, 108, 59)  hsl(27, 48%, 45%)  Copper