ColorTool
Giriş yap
#E5F987

#e5f987 ≈ Pastel Yellow

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

#e5f987, “sarı-yeşil” ailesinden bir renktir; açıklığı yüksek, doygunluğu orta. RGB modelinde %89,8 kırmızı, %97,65 yeşil ve %52,94 maviden oluşur; CMYK baskıda %8,03 camgöbeği, %0 macenta, %45,78 sarı ve %2,35 siyah kullanır. Ton açısı 70,53°, HSL’de doygunluğu %90,48 ve açıklığı %75,29’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 18,23:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Pastel Yellow (#fdfd96), ΔE 4,82.

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

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

Tamamlayıcı

  1. #e5f987
  2. #9b87f9

Bölünmüş tamamlayıcı

  1. #e5f987
  2. #87acf9
  3. #d487f9

Komşu

  1. #f9d487
  2. #e5f987
  3. #acf987

Üçlü

  1. #e5f987
  2. #87e5f9
  3. #f987e5

Dörtlü

  1. #e5f987
  2. #87f99b
  3. #9b87f9
  4. #f987e5

Kare

  1. #e5f987
  2. #87f9d4
  3. #9b87f9
  4. #f987ac

Tek renkli

  1. #b7dc0b
  2. #d5f53e
  3. #e5f987
  4. #f5fdd0
  5. #fbfeec

Koyu tonlar

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

  1. #e5f987
  2. #cee07a
  3. #b7c76c
  4. #a0ae5f
  5. #899551
  6. #737d44
  7. #5c6436
  8. #454b29
  9. #2e321b
  10. #17190e
  11. #000000

Açık tonlar

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

  1. #e5f987
  2. #e8fa93
  3. #eafa9f
  4. #edfbab
  5. #effbb7
  6. #f2fcc3
  7. #f5fdcf
  8. #f7fddb
  9. #fafee7
  10. #fcfef3
  11. #ffffff

Tonlar

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

  1. #e5f987
  2. #dbed86
  3. #d1e186
  4. #c7d585
  5. #bdc984
  6. #b3bd84
  7. #a8b083
  8. #9ea482
  9. #949881
  10. #8a8c81
  11. #808080

Okunaklı metin 1.15:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 18.23:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #efefef Erkeklerin ≈ 0.003% kadarı
Akromatomali #ebf3ce Erkeklerin ≈ 0.001% kadarı
Protanopi #ffee7d Erkeklerin ≈ 1.01% kadarı
Döteranopi #fff08d Erkeklerin ≈ 1.27% kadarı
Tritanopi #f0eede Erkeklerin ≈ 0.0001% kadarı
Protanomali #faf381 Erkeklerin ≈ 1.08% kadarı
Döteranomali #f8f38b Erkeklerin ≈ 4.63% kadarı
Tritanomali #ebf3c1 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#fdfd96 Pastel Yellow ΔE 4.82 #ffff66 Laser Lemon ΔE 7.20 #bdda57 June Bud ΔE 7.80 #fcf75e Icterine ΔE 7.92 #f0e68c Khaki ΔE 7.94 #b2ec5d Inchworm ΔE 7.96 #d1e231 Pear ΔE 8.46 #1a0678 Ters renk #efefef Gri tonlama 

Pastel Yellow
#e5f987  rgb(229, 249, 135)  hsl(71, 90%, 75%)  Pastel Yellow
#9b87f9  rgb(155, 135, 249)  hsl(251, 90%, 75%)  Medium Purple
#87e5f9  rgb(135, 229, 249)  hsl(191, 90%, 75%)  Non-Photo Blue
#f987e5  rgb(249, 135, 229)  hsl(311, 90%, 75%)  Violet