ColorTool
Giriş yap
#22BC6D

#22bc6d ≈ Medium Sea Green

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

#22bc6d, “yeşil” ailesinden bir renktir; açıklığı orta, doygunluğu güçlü. RGB modelinde %13,33 kırmızı, %73,73 yeşil ve %42,75 maviden oluşur; CMYK baskıda %81,91 camgöbeği, %0 macenta, %42,02 sarı ve %26,27 siyah kullanır. Ton açısı 149,22°, HSL’de doygunluğu %69,37 ve açıklığı %43,53’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,48:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Medium Sea Green (#3cb371), ΔE 3,2.

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

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

Tamamlayıcı

  1. #22bc6d
  2. #bc2271

Bölünmüş tamamlayıcı

  1. #22bc6d
  2. #ba22bc
  3. #bc2224

Komşu

  1. #24bc22
  2. #22bc6d
  3. #22bcba

Üçlü

  1. #22bc6d
  2. #6d22bc
  3. #bc6d22

Dörtlü

  1. #22bc6d
  2. #2271bc
  3. #bc2271
  4. #bc6d22

Kare

  1. #22bc6d
  2. #2224bc
  3. #bc2271
  4. #bcba22

Tek renkli

  1. #0b3a22
  2. #167b47
  3. #22bc6d
  4. #4cdf93
  5. #8deaba

Koyu tonlar

#22bc6d kademeli olarak siyahla karıştırıldı.

  1. #22bc6d
  2. #1fa962
  3. #1b9657
  4. #18844c
  5. #147141
  6. #115e37
  7. #0e4b2c
  8. #0a3821
  9. #072616
  10. #03130b
  11. #000000

Açık tonlar

#22bc6d kademeli olarak beyazla karıştırıldı.

  1. #22bc6d
  2. #38c37c
  3. #4ec98a
  4. #64d099
  5. #7ad7a7
  6. #91deb6
  7. #a7e4c5
  8. #bdebd3
  9. #d3f2e2
  10. #e9f8f0
  11. #ffffff

Tonlar

#22bc6d kademeli olarak griyle karıştırıldı.

  1. #22bc6d
  2. #2bb66f
  3. #35b071
  4. #3eaa73
  5. #48a475
  6. #519e77
  7. #5a9878
  8. #64927a
  9. #6d8c7c
  10. #77867e
  11. #808080

Okunaklı metin 2.48:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 8.48:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #a5a5a5 Erkeklerin ≈ 0.003% kadarı
Akromatomali #84ae92 Erkeklerin ≈ 0.001% kadarı
Protanopi #bcac67 Erkeklerin ≈ 1.01% kadarı
Döteranopi #aaa072 Erkeklerin ≈ 1.27% kadarı
Tritanopi #00baa9 Erkeklerin ≈ 0.0001% kadarı
Protanomali #96b36a Erkeklerin ≈ 1.08% kadarı
Döteranomali #89ac70 Erkeklerin ≈ 4.63% kadarı
Tritanomali #00bb94 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-22bc6d {
  color: #22bc6d;
}
Arka plan
.bg-22bc6d {
  background-color: #22bc6d;
  color: #000000;
}
Kenarlık
.border-22bc6d {
  border: 2px solid #22bc6d;
}
CSS değişkenleri
:root {
  --color-primary: #22bc6d;
  --color-primary-rgb: 34 188 109;
  --color-primary-hsl: 149 69% 44%;
}
Geçiş
.gradient-22bc6d {
  background: linear-gradient(135deg, #22bc6d, #22bcba);
}
Renkli gölge
.shadow-22bc6d {
  box-shadow: 0 8px 24px rgb(34 188 109 / 0.35);
}

#3cb371 Medium Sea Green ΔE 3.20 #50c878 Emerald ΔE 4.15 #00a86b Jade ΔE 6.43 #3eb489 Mint ΔE 7.58 #74c365 Mantis ΔE 8.04 #00cc99 Caribbean Green ΔE 8.10 #009e60 Shamrock Green ΔE 9.11 #dd4392 Ters renk #a5a5a5 Gri tonlama 

Medium Sea Green
#22bc6d  rgb(34, 188, 109)  hsl(149, 69%, 44%)  Medium Sea Green
#bc2271  rgb(188, 34, 113)  hsl(329, 69%, 44%)  Medium Violet Red
#6d22bc  rgb(109, 34, 188)  hsl(269, 69%, 44%)  Purple Heart
#bc6d22  rgb(188, 109, 34)  hsl(29, 69%, 44%)  Copper