ColorTool
Giriş yap
#C4CFAA

#c4cfaa ≈ Sage

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

#c4cfaa, “sarı-yeşil” ailesinden bir renktir; açıklığı yüksek, doygunluğu düşük. RGB modelinde %76,86 kırmızı, %81,18 yeşil ve %66,67 maviden oluşur; CMYK baskıda %5,31 camgöbeği, %0 macenta, %17,87 sarı ve %18,82 siyah kullanır. Ton açısı 77,84°, HSL’de doygunluğu %27,82 ve açıklığı %73,92’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 12,85:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Sage (#bcb88a), ΔE 7,89.

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

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

Tamamlayıcı

  1. #c4cfaa
  2. #b5aacf

Bölünmüş tamamlayıcı

  1. #c4cfaa
  2. #aab1cf
  3. #c7aacf

Komşu

  1. #cfc7aa
  2. #c4cfaa
  3. #b1cfaa

Üçlü

  1. #c4cfaa
  2. #aac4cf
  3. #cfaac4

Dörtlü

  1. #c4cfaa
  2. #aacfb5
  3. #b5aacf
  4. #cfaac4

Kare

  1. #c4cfaa
  2. #aacfc7
  3. #b5aacf
  4. #cfaab1

Tek renkli

  1. #7d8f51
  2. #a2b379
  3. #c4cfaa
  4. #e6ebdb
  5. #f6f8f2

Koyu tonlar

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

  1. #c4cfaa
  2. #b0ba99
  3. #9da688
  4. #899177
  5. #767c66
  6. #626855
  7. #4e5344
  8. #3b3e33
  9. #272922
  10. #141511
  11. #000000

Açık tonlar

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

  1. #c4cfaa
  2. #cad4b3
  3. #d0d9bb
  4. #d6ddc4
  5. #dce2cc
  6. #e2e7d5
  7. #e7ecdd
  8. #edf1e6
  9. #f3f5ee
  10. #f9faf7
  11. #ffffff

Tonlar

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

  1. #c4cfaa
  2. #bdc7a6
  3. #b6bfa2
  4. #b0b79d
  5. #a9af99
  6. #a2a895
  7. #9ba091
  8. #94988d
  9. #8e9088
  10. #878884
  11. #808080

Okunaklı metin 1.63:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 12.85:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #cacaca Erkeklerin ≈ 0.003% kadarı
Akromatomali #c8ccbe Erkeklerin ≈ 0.001% kadarı
Protanopi #d4caa8 Erkeklerin ≈ 1.01% kadarı
Döteranopi #d3caab Erkeklerin ≈ 1.27% kadarı
Tritanopi #c7cbc5 Erkeklerin ≈ 0.0001% kadarı
Protanomali #cecca9 Erkeklerin ≈ 1.08% kadarı
Döteranomali #cdccab Erkeklerin ≈ 4.63% kadarı
Tritanomali #c6cdbb Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-c4cfaa {
  color: #c4cfaa;
}
Arka plan
.bg-c4cfaa {
  background-color: #c4cfaa;
  color: #000000;
}
Kenarlık
.border-c4cfaa {
  border: 2px solid #c4cfaa;
}
CSS değişkenleri
:root {
  --color-primary: #c4cfaa;
  --color-primary-rgb: 196 207 170;
  --color-primary-hsl: 78 28% 74%;
}
Geçiş
.gradient-c4cfaa {
  background: linear-gradient(135deg, #c4cfaa, #b1cfaa);
}
Renkli gölge
.shadow-c4cfaa {
  box-shadow: 0 8px 24px rgb(196 207 170 / 0.35);
}

#bcb88a Sage ΔE 7.89 #d0f0c0 Tea Green ΔE 8.68 #ace1af Celadon ΔE 9.92 #eee8aa Pale Goldenrod ΔE 10.18 #b2beb5 Ash Gray ΔE 10.38 #fafad2 Light Goldenrod Yellow ΔE 10.74 #8fbc8f Dark Sea Green ΔE 10.85 #3b3055 Ters renk #cacaca Gri tonlama 

Sage
#c4cfaa  rgb(196, 207, 170)  hsl(78, 28%, 74%)  Sage
#b5aacf  rgb(181, 170, 207)  hsl(258, 28%, 74%)  Pastel Purple
#aac4cf  rgb(170, 196, 207)  hsl(198, 28%, 74%)  Pastel Blue
#cfaac4  rgb(207, 170, 196)  hsl(318, 28%, 74%)  Lilac