ColorTool
Giriş yap
#5CC504

#5cc504 ≈ Kelly Green

  • sarı-yeşil
  • Açıklık: düşük
  • Doygunluk: canlı
  • Dengeli
Kontrastı denetle Grafikte keşfet Rastgele renk

#5cc504, “sarı-yeşil” ailesinden bir renktir; açıklığı düşük, doygunluğu canlı. RGB modelinde %36,08 kırmızı, %77,25 yeşil ve %1,57 maviden oluşur; CMYK baskıda %53,3 camgöbeği, %0 macenta, %97,97 sarı ve %22,75 siyah kullanır. Ton açısı 92,64°, HSL’de doygunluğu %96,02 ve açıklığı %39,41’dir. Sıcak ile soğuk arasında yer alır ve çoğunlukla tazelik, büyüme ve canlılık ile ilişkilendirilir. Tasarımcılar onu genellikle çevre dostu markalar, sağlık ve esenlik ve eylem çağrısı düğmeleri için kullanır. Bu renk üzerinde siyah metin 9,44:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Kelly Green (#4cbb17), ΔE 3,33.

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

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

Tamamlayıcı

  1. #5cc504
  2. #6d04c5

Bölünmüş tamamlayıcı

  1. #5cc504
  2. #0c04c5
  3. #c504bc

Komşu

  1. #bcc504
  2. #5cc504
  3. #04c50c

Üçlü

  1. #5cc504
  2. #045cc5
  3. #c5045c

Dörtlü

  1. #5cc504
  2. #04c56d
  3. #6d04c5
  4. #c5045c

Kare

  1. #5cc504
  2. #04bcc5
  3. #6d04c5
  4. #c50c04

Tek renkli

  1. #162f01
  2. #397a02
  3. #5cc504
  4. #81fa1b
  5. #aafc66

Koyu tonlar

#5cc504 kademeli olarak siyahla karıştırıldı.

  1. #5cc504
  2. #53b104
  3. #4a9e03
  4. #408a03
  5. #377602
  6. #2e6302
  7. #254f02
  8. #1c3b01
  9. #122701
  10. #091400
  11. #000000

Açık tonlar

#5cc504 kademeli olarak beyazla karıştırıldı.

  1. #5cc504
  2. #6ccb1d
  3. #7dd136
  4. #8dd64f
  5. #9ddc68
  6. #aee282
  7. #bee89b
  8. #ceeeb4
  9. #def3cd
  10. #eff9e6
  11. #ffffff

Tonlar

#5cc504 kademeli olarak griyle karıştırıldı.

  1. #5cc504
  2. #60be10
  3. #63b71d
  4. #67b029
  5. #6aa936
  6. #6ea342
  7. #729c4e
  8. #75955b
  9. #798e67
  10. #7c8774
  11. #808080

Okunaklı metin 2.22:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 9.44:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #aeaeae Erkeklerin ≈ 0.003% kadarı
Akromatomali #94b88a Erkeklerin ≈ 0.001% kadarı
Protanopi #ccb300 Erkeklerin ≈ 1.01% kadarı
Döteranopi #bfab2b Erkeklerin ≈ 1.27% kadarı
Tritanopi #55bda7 Erkeklerin ≈ 0.0001% kadarı
Protanomali #abbb00 Erkeklerin ≈ 1.08% kadarı
Döteranomali #a1b620 Erkeklerin ≈ 4.63% kadarı
Tritanomali #58c184 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-5cc504 {
  color: #5cc504;
}
Arka plan
.bg-5cc504 {
  background-color: #5cc504;
  color: #000000;
}
Kenarlık
.border-5cc504 {
  border: 2px solid #5cc504;
}
CSS değişkenleri
:root {
  --color-primary: #5cc504;
  --color-primary-rgb: 92 197 4;
  --color-primary-hsl: 93 96% 39%;
}
Geçiş
.gradient-5cc504 {
  background: linear-gradient(135deg, #5cc504, #04c50c);
}
Renkli gölge
.shadow-5cc504 {
  box-shadow: 0 8px 24px rgb(92 197 4 / 0.35);
}

#4cbb17 Kelly Green ΔE 3.33 #32cd32 Lime Green ΔE 4.81 #9acd32 Yellow Green ΔE 7.53 #74c365 Mantis ΔE 8.48 #8db600 Apple Green ΔE 8.53 #0bda51 Malachite ΔE 8.71 #77dd77 Pastel Green ΔE 10.61 #a33afb Ters renk #aeaeae Gri tonlama 

Kelly Green
#5cc504  rgb(92, 197, 4)  hsl(93, 96%, 39%)  Kelly Green
#6d04c5  rgb(109, 4, 197)  hsl(273, 96%, 39%)  Dark Violet
#045cc5  rgb(4, 92, 197)  hsl(213, 96%, 39%)  Denim
#c5045c  rgb(197, 4, 92)  hsl(333, 96%, 39%)  Dogwood Rose