ColorTool
Giriş yap
#C7D8A4

#c7d8a4 ≈ Tea Green

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

#c7d8a4, “sarı-yeşil” ailesinden bir renktir; açıklığı yüksek, doygunluğu düşük. RGB modelinde %78,04 kırmızı, %84,71 yeşil ve %64,31 maviden oluşur; CMYK baskıda %7,87 camgöbeği, %0 macenta, %24,07 sarı ve %15,29 siyah kullanır. Ton açısı 79,62°, HSL’de doygunluğu %40 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 marka vurguları için kullanır. Bu renk üzerinde siyah metin 13,79:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Tea Green (#d0f0c0), ΔE 6,3.

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

Tamamlayıcı

  1. #c7d8a4
  2. #b5a4d8

Bölünmüş tamamlayıcı

  1. #c7d8a4
  2. #a4add8
  3. #cfa4d8

Komşu

  1. #d8cfa4
  2. #c7d8a4
  3. #add8a4

Üçlü

  1. #c7d8a4
  2. #a4c7d8
  3. #d8a4c7

Dörtlü

  1. #c7d8a4
  2. #a4d8b5
  3. #b5a4d8
  4. #d8a4c7

Kare

  1. #c7d8a4
  2. #a4d8cf
  3. #b5a4d8
  4. #d8a4ad

Tek renkli

  1. #819f44
  2. #a6c16e
  3. #c7d8a4
  4. #e8efda
  5. #f6f9f1

Koyu tonlar

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

  1. #c7d8a4
  2. #b3c294
  3. #9fad83
  4. #8b9773
  5. #778262
  6. #646c52
  7. #505642
  8. #3c4131
  9. #282b21
  10. #141610
  11. #000000

Açık tonlar

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

  1. #c7d8a4
  2. #cddcad
  3. #d2e0b6
  4. #d8e4bf
  5. #dde8c8
  6. #e3ecd2
  7. #e9efdb
  8. #eef3e4
  9. #f4f7ed
  10. #f9fbf6
  11. #ffffff

Tonlar

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

  1. #c7d8a4
  2. #c0cfa0
  3. #b9c69d
  4. #b2be99
  5. #abb596
  6. #a4ac92
  7. #9ca38e
  8. #959a8b
  9. #8e9287
  10. #878984
  11. #808080

Okunaklı metin 1.52:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 13.79:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #d1d1d1 Erkeklerin ≈ 0.003% kadarı
Akromatomali #cdd4c1 Erkeklerin ≈ 0.001% kadarı
Protanopi #ded2a1 Erkeklerin ≈ 1.01% kadarı
Döteranopi #dcd1a6 Erkeklerin ≈ 1.27% kadarı
Tritanopi #cbd3ca Erkeklerin ≈ 0.0001% kadarı
Protanomali #d5d4a2 Erkeklerin ≈ 1.08% kadarı
Döteranomali #d4d4a5 Erkeklerin ≈ 4.63% kadarı
Tritanomali #c9d5bc Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#d0f0c0 Tea Green ΔE 6.30 #ace1af Celadon ΔE 8.00 #eee8aa Pale Goldenrod ΔE 8.42 #a8e4a0 Granny Smith Apple ΔE 8.55 #bcb88a Sage ΔE 9.48 #9ab973 Olivine ΔE 10.09 #fafad2 Light Goldenrod Yellow ΔE 10.25 #38275b Ters renk #d1d1d1 Gri tonlama 

Tea Green
#c7d8a4  rgb(199, 216, 164)  hsl(80, 40%, 75%)  Tea Green
#b5a4d8  rgb(181, 164, 216)  hsl(260, 40%, 75%)  Wisteria
#a4c7d8  rgb(164, 199, 216)  hsl(200, 40%, 75%)  Pastel Blue
#d8a4c7  rgb(216, 164, 199)  hsl(320, 40%, 75%)  Lilac