ColorTool
Giriş yap
#ECFCA0

#ecfca0 ≈ Pastel Yellow

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

#ecfca0, “sarı-yeşil” ailesinden bir renktir; açıklığı yüksek, doygunluğu orta. RGB modelinde %92,55 kırmızı, %98,82 yeşil ve %62,75 maviden oluşur; CMYK baskıda %6,35 camgöbeği, %0 macenta, %36,51 sarı ve %1,18 siyah kullanır. Ton açısı 70,43°, HSL’de doygunluğu %93,88 ve açıklığı %80,78’dir. Sıcak bir renktir 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 yumuşak pastel paletler için kullanır. Bu renk üzerinde siyah metin 19:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Pastel Yellow (#fdfd96), ΔE 4,51.

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

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

Tamamlayıcı

  1. #ecfca0
  2. #b0a0fc

Bölünmüş tamamlayıcı

  1. #ecfca0
  2. #a0befc
  3. #dea0fc

Komşu

  1. #fcdea0
  2. #ecfca0
  3. #befca0

Üçlü

  1. #ecfca0
  2. #a0ecfc
  3. #fca0ec

Dörtlü

  1. #ecfca0
  2. #a0fcb0
  3. #b0a0fc
  4. #fca0ec

Kare

  1. #ecfca0
  2. #a0fcde
  3. #b0a0fc
  4. #fca0be

Tek renkli

  1. #cef70c
  2. #ddfa56
  3. #ecfca0
  4. #fbfeea
  5. #fbfeeb

Koyu tonlar

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

  1. #ecfca0
  2. #d4e390
  3. #bdca80
  4. #a5b070
  5. #8e9760
  6. #767e50
  7. #5e6540
  8. #474c30
  9. #2f3220
  10. #181910
  11. #000000

Açık tonlar

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

  1. #ecfca0
  2. #eefcaa
  3. #f0fdb3
  4. #f2fdbd
  5. #f4fdc6
  6. #f6fed0
  7. #f7fed9
  8. #f9fee3
  9. #fbfeec
  10. #fdfff6
  11. #ffffff

Tonlar

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

  1. #ecfca0
  2. #e1f09d
  3. #d6e39a
  4. #ccd796
  5. #c1ca93
  6. #b6be90
  7. #abb28d
  8. #a0a58a
  9. #969986
  10. #8b8c83
  11. #808080

Okunaklı metin 1.11:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 19:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #f3f3f3 Erkeklerin ≈ 0.003% kadarı
Akromatomali #f0f7d7 Erkeklerin ≈ 0.001% kadarı
Protanopi #fff399 Erkeklerin ≈ 1.01% kadarı
Döteranopi #fff4a4 Erkeklerin ≈ 1.27% kadarı
Tritanopi #f5f3e5 Erkeklerin ≈ 0.0001% kadarı
Protanomali #fdf79c Erkeklerin ≈ 1.08% kadarı
Döteranomali #fcf7a3 Erkeklerin ≈ 4.63% kadarı
Tritanomali #f2f6cd Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-ecfca0 {
  color: #ecfca0;
}
Arka plan
.bg-ecfca0 {
  background-color: #ecfca0;
  color: #000000;
}
Kenarlık
.border-ecfca0 {
  border: 2px solid #ecfca0;
}
CSS değişkenleri
:root {
  --color-primary: #ecfca0;
  --color-primary-rgb: 236 252 160;
  --color-primary-hsl: 70 94% 81%;
}
Geçiş
.gradient-ecfca0 {
  background: linear-gradient(135deg, #ecfca0, #befca0);
}
Renkli gölge
.shadow-ecfca0 {
  box-shadow: 0 8px 24px rgb(236 252 160 / 0.35);
}

#fdfd96 Pastel Yellow ΔE 4.51 #f0e68c Khaki ΔE 7.46 #eee8aa Pale Goldenrod ΔE 7.82 #ffff66 Laser Lemon ΔE 9.18 #fcf75e Icterine ΔE 9.84 #fffdd0 Cream ΔE 9.90 #e4d96f Straw ΔE 10.02 #13035f Ters renk #f3f3f3 Gri tonlama 

Pastel Yellow
#ecfca0  rgb(236, 252, 160)  hsl(70, 94%, 81%)  Pastel Yellow
#b0a0fc  rgb(176, 160, 252)  hsl(250, 94%, 81%)  Wild Blue Yonder
#a0ecfc  rgb(160, 236, 252)  hsl(190, 94%, 81%)  Non-Photo Blue
#fca0ec  rgb(252, 160, 236)  hsl(310, 94%, 81%)  Plum