ColorTool
Giriş yap
#677D4A

#677d4a ≈ Fern Green

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

#677d4a, “sarı-yeşil” ailesinden bir renktir; açıklığı düşük, doygunluğu düşük. RGB modelinde %40,39 kırmızı, %49,02 yeşil ve %29,02 maviden oluşur; CMYK baskıda %17,6 camgöbeği, %0 macenta, %40,8 sarı ve %50,98 siyah kullanır. Ton açısı 85,88°, HSL’de doygunluğu %25,63 ve açıklığı %39,02’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 4,61:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Fern Green (#4f7942), ΔE 5,34.

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

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

Tamamlayıcı

  1. #677d4a
  2. #604a7d

Bölünmüş tamamlayıcı

  1. #677d4a
  2. #4a4e7d
  3. #7a4a7d

Komşu

  1. #7d7a4a
  2. #677d4a
  3. #4e7d4a

Üçlü

  1. #677d4a
  2. #4a677d
  3. #7d4a67

Dörtlü

  1. #677d4a
  2. #4a7d60
  3. #604a7d
  4. #7d4a67

Kare

  1. #677d4a
  2. #4a7d7a
  3. #604a7d
  4. #7d4a4e

Tek renkli

  1. #181d11
  2. #3f4d2e
  3. #677d4a
  4. #8ea86c
  5. #b3c49c

Koyu tonlar

#677d4a kademeli olarak siyahla karıştırıldı.

  1. #677d4a
  2. #5d7143
  3. #52643b
  4. #485834
  5. #3e4b2c
  6. #343f25
  7. #29321e
  8. #1f2616
  9. #15190f
  10. #0a0d07
  11. #000000

Açık tonlar

#677d4a kademeli olarak beyazla karıştırıldı.

  1. #677d4a
  2. #768a5c
  3. #85976e
  4. #95a480
  5. #a4b192
  6. #b3bea5
  7. #c2cbb7
  8. #d1d8c9
  9. #e1e5db
  10. #f0f2ed
  11. #ffffff

Tonlar

#677d4a kademeli olarak griyle karıştırıldı.

  1. #677d4a
  2. #6a7d4f
  3. #6c7e55
  4. #6f7e5a
  5. #717e60
  6. #747f65
  7. #767f6a
  8. #797f70
  9. #7b7f75
  10. #7e807b
  11. #808080

Okunaklı metin 4.56:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Okunaklı metin 4.61:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Akromatopsi #767676 Erkeklerin ≈ 0.003% kadarı
Akromatomali #707967 Erkeklerin ≈ 0.001% kadarı
Protanopi #827746 Erkeklerin ≈ 1.01% kadarı
Döteranopi #7f754d Erkeklerin ≈ 1.27% kadarı
Tritanopi #697970 Erkeklerin ≈ 0.0001% kadarı
Protanomali #787948 Erkeklerin ≈ 1.08% kadarı
Döteranomali #76794c Erkeklerin ≈ 4.63% kadarı
Tritanomali #687a63 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-677d4a {
  color: #677d4a;
}
Arka plan
.bg-677d4a {
  background-color: #677d4a;
  color: #000000;
}
Kenarlık
.border-677d4a {
  border: 2px solid #677d4a;
}
CSS değişkenleri
:root {
  --color-primary: #677d4a;
  --color-primary-rgb: 103 125 74;
  --color-primary-hsl: 86 26% 39%;
}
Geçiş
.gradient-677d4a {
  background: linear-gradient(135deg, #677d4a, #4e7d4a);
}
Renkli gölge
.shadow-677d4a {
  box-shadow: 0 8px 24px rgb(103 125 74 / 0.35);
}

#4f7942 Fern Green ΔE 5.34 #507d2a Sap Green ΔE 7.10 #556b2f Dark Olive Green ΔE 7.42 #568203 Avocado ΔE 10.25 #6b8e23 Olive Drab ΔE 10.44 #8a9a5b Moss Green ΔE 11.28 #2e8b57 Sea Green ΔE 11.70 #9882b5 Ters renk #767676 Gri tonlama 

Fern Green
#677d4a  rgb(103, 125, 74)  hsl(86, 26%, 39%)  Fern Green
#604a7d  rgb(96, 74, 125)  hsl(266, 26%, 39%)  Dark Slate Blue
#4a677d  rgb(74, 103, 125)  hsl(206, 26%, 39%)  Queen Blue
#7d4a67  rgb(125, 74, 103)  hsl(326, 26%, 39%)  Twilight Lavender