ColorTool
Giriş yap
#C7F686

#c7f686 ≈ Inchworm

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

#c7f686, “sarı-yeşil” ailesinden bir renktir; açıklığı yüksek, doygunluğu orta. RGB modelinde %78,04 kırmızı, %96,47 yeşil ve %52,55 maviden oluşur; CMYK baskıda %19,11 camgöbeği, %0 macenta, %45,53 sarı ve %3,53 siyah kullanır. Ton açısı 85,18°, HSL’de doygunluğu %86,15 ve açıklığı %74,51’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 16,95:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Inchworm (#b2ec5d), ΔE 4,68.

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

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

Tamamlayıcı

  1. #c7f686
  2. #b586f6

Bölünmüş tamamlayıcı

  1. #c7f686
  2. #868ff6
  3. #ed86f6

Komşu

  1. #f6ed86
  2. #c7f686
  3. #8ff686

Üçlü

  1. #c7f686
  2. #86c7f6
  3. #f686c7

Dörtlü

  1. #c7f686
  2. #86f6b5
  3. #b586f6
  4. #f686c7

Kare

  1. #c7f686
  2. #86f6ed
  3. #b586f6
  4. #f6868f

Tek renkli

  1. #81d310
  2. #a6f13f
  3. #c7f686
  4. #e8fbcd
  5. #f6feec

Koyu tonlar

#c7f686 kademeli olarak siyahla karıştırıldı.

  1. #c7f686
  2. #b3dd79
  3. #9fc56b
  4. #8bac5e
  5. #779450
  6. #647b43
  7. #506236
  8. #3c4a28
  9. #28311b
  10. #14190d
  11. #000000

Açık tonlar

#c7f686 kademeli olarak beyazla karıştırıldı.

  1. #c7f686
  2. #cdf792
  3. #d2f89e
  4. #d8f9aa
  5. #ddfab6
  6. #e3fbc3
  7. #e9fbcf
  8. #eefcdb
  9. #f4fde7
  10. #f9fef3
  11. #ffffff

Tonlar

#c7f686 kademeli olarak griyle karıştırıldı.

  1. #c7f686
  2. #c0ea85
  3. #b9de85
  4. #b2d384
  5. #abc784
  6. #a4bb83
  7. #9caf82
  8. #95a382
  9. #8e9881
  10. #878c81
  11. #808080

Okunaklı metin 1.24:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 16.95:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #e7e7e7 Erkeklerin ≈ 0.003% kadarı
Akromatomali #dbedc7 Erkeklerin ≈ 0.001% kadarı
Protanopi #ffe97d Erkeklerin ≈ 1.01% kadarı
Döteranopi #f9e68c Erkeklerin ≈ 1.27% kadarı
Tritanopi #cceddc Erkeklerin ≈ 0.0001% kadarı
Protanomali #ebee81 Erkeklerin ≈ 1.08% kadarı
Döteranomali #e7ed8a Erkeklerin ≈ 4.63% kadarı
Tritanomali #caf1bf Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-c7f686 {
  color: #c7f686;
}
Arka plan
.bg-c7f686 {
  background-color: #c7f686;
  color: #000000;
}
Kenarlık
.border-c7f686 {
  border: 2px solid #c7f686;
}
CSS değişkenleri
:root {
  --color-primary: #c7f686;
  --color-primary-rgb: 199 246 134;
  --color-primary-hsl: 85 86% 75%;
}
Geçiş
.gradient-c7f686 {
  background: linear-gradient(135deg, #c7f686, #8ff686);
}
Renkli gölge
.shadow-c7f686 {
  box-shadow: 0 8px 24px rgb(199 246 134 / 0.35);
}

#b2ec5d Inchworm ΔE 4.68 #bdda57 June Bud ΔE 7.66 #98fb98 Pale Green ΔE 8.43 #98ff98 Mint Green ΔE 8.51 #adff2f Green Yellow ΔE 8.54 #90ee90 Light Green ΔE 8.89 #a8e4a0 Granny Smith Apple ΔE 9.45 #380979 Ters renk #e7e7e7 Gri tonlama 

Inchworm
#c7f686  rgb(199, 246, 134)  hsl(85, 86%, 75%)  Inchworm
#b586f6  rgb(181, 134, 246)  hsl(265, 86%, 75%)  Floral Lavender
#86c7f6  rgb(134, 199, 246)  hsl(205, 86%, 75%)  Light Sky Blue
#f686c7  rgb(246, 134, 199)  hsl(325, 86%, 75%)  Persian Pink