ColorTool
Giriş yap
#77A243

#77a243 ≈ Asparagus

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

#77a243, “sarı-yeşil” ailesinden bir renktir; açıklığı orta, doygunluğu orta. RGB modelinde %46,67 kırmızı, %63,53 yeşil ve %26,27 maviden oluşur; CMYK baskıda %26,54 camgöbeği, %0 macenta, %58,64 sarı ve %36,47 siyah kullanır. Ton açısı 87,16°, HSL’de doygunluğu %41,48 ve açıklığı %44,9’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 marka vurguları için kullanır. Bu renk üzerinde siyah metin 7,03:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Asparagus (#87a96b), ΔE 6,65.

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

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

Tamamlayıcı

  1. #77a243
  2. #6e43a2

Bölünmüş tamamlayıcı

  1. #77a243
  2. #4347a2
  3. #9d43a2

Komşu

  1. #a29d43
  2. #77a243
  3. #47a243

Üçlü

  1. #77a243
  2. #4377a2
  3. #a24377

Dörtlü

  1. #77a243
  2. #43a26e
  3. #6e43a2
  4. #a24377

Kare

  1. #77a243
  2. #43a29d
  3. #6e43a2
  4. #a24347

Tek renkli

  1. #273616
  2. #4f6c2d
  3. #77a243
  4. #9dc36e
  5. #c2daa4

Koyu tonlar

#77a243 kademeli olarak siyahla karıştırıldı.

  1. #77a243
  2. #6b923c
  3. #5f8236
  4. #53712f
  5. #476128
  6. #3c5122
  7. #30411b
  8. #243114
  9. #18200d
  10. #0c1007
  11. #000000

Açık tonlar

#77a243 kademeli olarak beyazla karıştırıldı.

  1. #77a243
  2. #85ab56
  3. #92b569
  4. #a0be7b
  5. #adc78e
  6. #bbd1a1
  7. #c9dab4
  8. #d6e3c7
  9. #e4ecd9
  10. #f1f6ec
  11. #ffffff

Tonlar

#77a243 kademeli olarak griyle karıştırıldı.

  1. #77a243
  2. #789f49
  3. #799b4f
  4. #7a9855
  5. #7b945b
  6. #7c9162
  7. #7c8e68
  8. #7d8a6e
  9. #7e8774
  10. #7f837a
  11. #808080

Okunaklı metin 2.99:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 7.03:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #959595 Erkeklerin ≈ 0.003% kadarı
Akromatomali #8a9b7d Erkeklerin ≈ 0.001% kadarı
Protanopi #a99739 Erkeklerin ≈ 1.01% kadarı
Döteranopi #a3944a Erkeklerin ≈ 1.27% kadarı
Tritanopi #7a9c8d Erkeklerin ≈ 0.0001% kadarı
Protanomali #989c3d Erkeklerin ≈ 1.08% kadarı
Döteranomali #939a47 Erkeklerin ≈ 4.63% kadarı
Tritanomali #799e77 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-77a243 {
  color: #77a243;
}
Arka plan
.bg-77a243 {
  background-color: #77a243;
  color: #000000;
}
Kenarlık
.border-77a243 {
  border: 2px solid #77a243;
}
CSS değişkenleri
:root {
  --color-primary: #77a243;
  --color-primary-rgb: 119 162 67;
  --color-primary-hsl: 87 41% 45%;
}
Geçiş
.gradient-77a243 {
  background: linear-gradient(135deg, #77a243, #47a243);
}
Renkli gölge
.shadow-77a243 {
  box-shadow: 0 8px 24px rgb(119 162 67 / 0.35);
}

#87a96b Asparagus ΔE 6.65 #8a9a5b Moss Green ΔE 6.91 #6b8e23 Olive Drab ΔE 7.02 #9ab973 Olivine ΔE 9.01 #8db600 Apple Green ΔE 9.65 #4cbb17 Kelly Green ΔE 9.86 #74c365 Mantis ΔE 10.10 #885dbc Ters renk #959595 Gri tonlama 

Asparagus
#77a243  rgb(119, 162, 67)  hsl(87, 41%, 45%)  Asparagus
#6e43a2  rgb(110, 67, 162)  hsl(267, 41%, 45%)  Purple Heart
#4377a2  rgb(67, 119, 162)  hsl(207, 41%, 45%)  Steel Blue
#a24377  rgb(162, 67, 119)  hsl(327, 41%, 45%)  Twilight Lavender