ColorTool
Giriş yap
#5A6745

#5a6745 ≈ Dark Olive Green

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

#5a6745, “sarı-yeşil” ailesinden bir renktir; açıklığı düşük, doygunluğu düşük. RGB modelinde %35,29 kırmızı, %40,39 yeşil ve %27,06 maviden oluşur; CMYK baskıda %12,62 camgöbeği, %0 macenta, %33,01 sarı ve %59,61 siyah kullanır. Ton açısı 82,94°, HSL’de doygunluğu %19,77 ve açıklığı %33,73’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 kurumsal kimlikler için kullanır. Bu renk üzerinde beyaz metin 6,07:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Dark Olive Green (#556b2f), ΔE 6,6.

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.123

Tamamlayıcı

  1. #5a6745
  2. #524567

Bölünmüş tamamlayıcı

  1. #5a6745
  2. #454967
  3. #634567

Komşu

  1. #676345
  2. #5a6745
  3. #496745

Üçlü

  1. #5a6745
  2. #455a67
  3. #67455a

Dörtlü

  1. #5a6745
  2. #456752
  3. #524567
  4. #67455a

Kare

  1. #5a6745
  2. #456763
  3. #524567
  4. #674549

Tek renkli

  1. #0b0c08
  2. #323926
  3. #5a6745
  4. #829564
  5. #a7b590

Koyu tonlar

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

  1. #5a6745
  2. #515d3e
  3. #485237
  4. #3f4830
  5. #363e29
  6. #2d3423
  7. #24291c
  8. #1b1f15
  9. #12150e
  10. #090a07
  11. #000000

Açık tonlar

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

  1. #5a6745
  2. #6b7658
  3. #7b856a
  4. #8c957d
  5. #9ca48f
  6. #adb3a2
  7. #bdc2b5
  8. #ced1c7
  9. #dee1da
  10. #eff0ec
  11. #ffffff

Tonlar

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

  1. #5a6745
  2. #5e6a4b
  3. #626c51
  4. #656f57
  5. #69715d
  6. #6d7463
  7. #717668
  8. #75796e
  9. #787b74
  10. #7c7e7a
  11. #808080

Okunaklı metin 6.07:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Okunaklı metin 3.46:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Akromatopsi #626262 Erkeklerin ≈ 0.003% kadarı
Akromatomali #5f6458 Erkeklerin ≈ 0.001% kadarı
Protanopi #6b6343 Erkeklerin ≈ 1.01% kadarı
Döteranopi #696247 Erkeklerin ≈ 1.27% kadarı
Tritanopi #5c645e Erkeklerin ≈ 0.0001% kadarı
Protanomali #646544 Erkeklerin ≈ 1.08% kadarı
Döteranomali #636446 Erkeklerin ≈ 4.63% kadarı
Tritanomali #5b6555 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-5a6745 {
  color: #5a6745;
}
Arka plan
.bg-5a6745 {
  background-color: #5a6745;
  color: #ffffff;
}
Kenarlık
.border-5a6745 {
  border: 2px solid #5a6745;
}
CSS değişkenleri
:root {
  --color-primary: #5a6745;
  --color-primary-rgb: 90 103 69;
  --color-primary-hsl: 83 20% 34%;
}
Geçiş
.gradient-5a6745 {
  background: linear-gradient(135deg, #5a6745, #496745);
}
Renkli gölge
.shadow-5a6745 {
  box-shadow: 0 8px 24px rgb(90 103 69 / 0.35);
}

#556b2f Dark Olive Green ΔE 6.60 #4b5320 Army Green ΔE 8.92 #355e3b Hunter Green ΔE 8.99 #4f7942 Fern Green ΔE 9.21 #4d5d53 Feldgrau ΔE 9.65 #444c38 Rifle Green ΔE 10.07 #507d2a Sap Green ΔE 12.51 #a598ba Ters renk #626262 Gri tonlama 

Dark Olive Green
#5a6745  rgb(90, 103, 69)  hsl(83, 20%, 34%)  Dark Olive Green
#524567  rgb(82, 69, 103)  hsl(263, 20%, 34%)  Eggplant
#455a67  rgb(69, 90, 103)  hsl(203, 20%, 34%)  Charcoal
#67455a  rgb(103, 69, 90)  hsl(323, 20%, 34%)  Eggplant