ColorTool
Giriş yap
#22CD87

#22cd87 ≈ Emerald

  • camgöbeği yeşili
  • Açıklık: orta
  • Doygunluk: güçlü
  • Dengeli
Kontrastı denetle Grafikte keşfet Rastgele renk

#22cd87, “camgöbeği yeşili” ailesinden bir renktir; açıklığı orta, doygunluğu güçlü. RGB modelinde %13,33 kırmızı, %80,39 yeşil ve %52,94 maviden oluşur; CMYK baskıda %83,41 camgöbeği, %0 macenta, %34,15 sarı ve %19,61 siyah kullanır. Ton açısı 155,44°, HSL’de doygunluğu %71,55 ve açıklığı %46,86’dir. Sıcak ile soğuk arasında yer alır ve çoğunlukla berraklık, sakinlik ve yenilenme ile ilişkilendirilir. Tasarımcılar onu genellikle sağlık ve esenlik, teknoloji ürünleri ve marka vurguları için kullanır. Bu renk üzerinde siyah metin 10,15:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Emerald (#50c878), ΔE 4,01.

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

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

Tamamlayıcı

  1. #22cd87
  2. #cd2268

Bölünmüş tamamlayıcı

  1. #22cd87
  2. #cd22bd
  3. #cd3122

Komşu

  1. #22cd31
  2. #22cd87
  3. #22bdcd

Üçlü

  1. #22cd87
  2. #8722cd
  3. #cd8722

Dörtlü

  1. #22cd87
  2. #2268cd
  3. #cd2268
  4. #cd8722

Kare

  1. #22cd87
  2. #3122cd
  3. #cd2268
  4. #bdcd22

Tek renkli

  1. #0c4a31
  2. #178b5c
  3. #22cd87
  4. #58e3aa
  5. #9aeecc

Koyu tonlar

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

  1. #22cd87
  2. #1fb97a
  3. #1ba46c
  4. #18905f
  5. #147b51
  6. #116744
  7. #0e5236
  8. #0a3e29
  9. #07291b
  10. #03150e
  11. #000000

Açık tonlar

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

  1. #22cd87
  2. #38d293
  3. #4ed79f
  4. #64dcab
  5. #7ae1b7
  6. #91e6c3
  7. #a7ebcf
  8. #bdf0db
  9. #d3f5e7
  10. #e9faf3
  11. #ffffff

Tonlar

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

  1. #22cd87
  2. #2bc586
  3. #35be86
  4. #3eb685
  5. #48ae84
  6. #51a784
  7. #5a9f83
  8. #649782
  9. #6d8f81
  10. #778881
  11. #808080

Okunaklı metin 2.07:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 10.15:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #b4b4b4 Erkeklerin ≈ 0.003% kadarı
Akromatomali #90bfa4 Erkeklerin ≈ 0.001% kadarı
Protanopi #cbbd83 Erkeklerin ≈ 1.01% kadarı
Döteranopi #b7af8c Erkeklerin ≈ 1.27% kadarı
Tritanopi #00ccbb Erkeklerin ≈ 0.0001% kadarı
Protanomali #a2c384 Erkeklerin ≈ 1.08% kadarı
Döteranomali #93bc8a Erkeklerin ≈ 4.63% kadarı
Tritanomali #00cca9 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#50c878 Emerald ΔE 4.01 #00cc99 Caribbean Green ΔE 4.34 #3cb371 Medium Sea Green ΔE 6.99 #3eb489 Mint ΔE 8.04 #66cdaa Medium Aquamarine ΔE 8.41 #77dd77 Pastel Green ΔE 9.44 #74c365 Mantis ΔE 9.66 #dd3278 Ters renk #b4b4b4 Gri tonlama 

Emerald
#22cd87  rgb(34, 205, 135)  hsl(155, 72%, 47%)  Emerald
#cd2268  rgb(205, 34, 104)  hsl(335, 72%, 47%)  Dogwood Rose
#8722cd  rgb(135, 34, 205)  hsl(275, 72%, 47%)  Dark Violet
#cd8722  rgb(205, 135, 34)  hsl(35, 72%, 47%)  Peru