ColorTool
Giriş yap
#9CA488

#9ca488 ≈ Sage

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

#9ca488, “sarı-yeşil” ailesinden bir renktir; açıklığı orta, doygunluğu düşük. RGB modelinde %61,18 kırmızı, %64,31 yeşil ve %53,33 maviden oluşur; CMYK baskıda %4,88 camgöbeği, %0 macenta, %17,07 sarı ve %35,69 siyah kullanır. Ton açısı 77,14°, HSL’de doygunluğu %13,33 ve açıklığı %58,82’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 8,08:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Sage (#bcb88a), ΔE 9,09.

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

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

Tamamlayıcı

  1. #9ca488
  2. #9088a4

Bölünmüş tamamlayıcı

  1. #9ca488
  2. #888ea4
  3. #9e88a4

Komşu

  1. #a49e88
  2. #9ca488
  3. #8ea488

Üçlü

  1. #9ca488
  2. #889ca4
  3. #a4889c

Dörtlü

  1. #9ca488
  2. #88a490
  3. #9088a4
  4. #a4889c

Kare

  1. #9ca488
  2. #88a49e
  3. #9088a4
  4. #a4888e

Tek renkli

  1. #4e5340
  2. #767f61
  3. #9ca488
  4. #c0c5b3
  5. #e4e6df

Koyu tonlar

#9ca488 kademeli olarak siyahla karıştırıldı.

  1. #9ca488
  2. #8c947a
  3. #7d836d
  4. #6d735f
  5. #5e6252
  6. #4e5244
  7. #3e4236
  8. #2f3129
  9. #1f211b
  10. #10100e
  11. #000000

Açık tonlar

#9ca488 kademeli olarak beyazla karıştırıldı.

  1. #9ca488
  2. #a6ad94
  3. #b0b6a0
  4. #babfac
  5. #c4c8b8
  6. #ced2c4
  7. #d7dbcf
  8. #e1e4db
  9. #ebede7
  10. #f5f6f3
  11. #ffffff

Tonlar

#9ca488 kademeli olarak griyle karıştırıldı.

  1. #9ca488
  2. #99a087
  3. #969d86
  4. #949986
  5. #919685
  6. #8e9284
  7. #8b8e83
  8. #888b82
  9. #868782
  10. #838481
  11. #808080

Okunaklı metin 2.6:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 8.08:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #a1a1a1 Erkeklerin ≈ 0.003% kadarı
Akromatomali #9fa297 Erkeklerin ≈ 0.001% kadarı
Protanopi #a8a186 Erkeklerin ≈ 1.01% kadarı
Döteranopi #a7a189 Erkeklerin ≈ 1.27% kadarı
Tritanopi #9fa19c Erkeklerin ≈ 0.0001% kadarı
Protanomali #a3a287 Erkeklerin ≈ 1.08% kadarı
Döteranomali #a3a289 Erkeklerin ≈ 4.63% kadarı
Tritanomali #9ea294 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-9ca488 {
  color: #9ca488;
}
Arka plan
.bg-9ca488 {
  background-color: #9ca488;
  color: #000000;
}
Kenarlık
.border-9ca488 {
  border: 2px solid #9ca488;
}
CSS değişkenleri
:root {
  --color-primary: #9ca488;
  --color-primary-rgb: 156 164 136;
  --color-primary-hsl: 77 13% 59%;
}
Geçiş
.gradient-9ca488 {
  background: linear-gradient(135deg, #9ca488, #8ea488);
}
Renkli gölge
.shadow-9ca488 {
  box-shadow: 0 8px 24px rgb(156 164 136 / 0.35);
}

#bcb88a Sage ΔE 9.09 #8a9a5b Moss Green ΔE 10.10 #87a96b Asparagus ΔE 10.24 #b2beb5 Ash Gray ΔE 10.56 #8fbc8f Dark Sea Green ΔE 11.23 #9ab973 Olivine ΔE 11.65 #c2b280 Ecru ΔE 11.78 #635b77 Ters renk #a1a1a1 Gri tonlama 

Sage
#9ca488  rgb(156, 164, 136)  hsl(77, 13%, 59%)  Sage
#9088a4  rgb(144, 136, 164)  hsl(257, 13%, 59%)  Cool Gray
#889ca4  rgb(136, 156, 164)  hsl(197, 13%, 59%)  Light Slate Gray
#a4889c  rgb(164, 136, 156)  hsl(317, 13%, 59%)  Mountbatten Pink