ColorTool
Giriş yap
#F0FFA6

#f0ffa6 ≈ Pastel Yellow

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

#f0ffa6, “sarı-yeşil” ailesinden bir renktir; açıklığı çok yüksek, doygunluğu orta. RGB modelinde %94,12 kırmızı, %100 yeşil ve %65,1 maviden oluşur; CMYK baskıda %5,88 camgöbeği, %0 macenta, %34,9 sarı ve %0 siyah kullanır. Ton açısı 70,11°, HSL’de doygunluğu %100 ve açıklığı %82,55’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,56:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Pastel Yellow (#fdfd96), ΔE 4,54.

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

Tamamlayıcı

  1. #f0ffa6
  2. #b5a6ff

Bölünmüş tamamlayıcı

  1. #f0ffa6
  2. #a6c4ff
  3. #e1a6ff

Komşu

  1. #ffe1a6
  2. #f0ffa6
  3. #c4ffa6

Üçlü

  1. #f0ffa6
  2. #a6f0ff
  3. #ffa6f0

Dörtlü

  1. #f0ffa6
  2. #a6ffb5
  3. #b5a6ff
  4. #ffa6f0

Kare

  1. #f0ffa6
  2. #a6ffe1
  3. #b5a6ff
  4. #ffa6c4

Tek renkli

  1. #d6ff0d
  2. #e3ff5a
  3. #f0ffa6
  4. #fcffeb
  5. #fcffeb

Koyu tonlar

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

  1. #f0ffa6
  2. #d8e695
  3. #c0cc85
  4. #a8b374
  5. #909964
  6. #788053
  7. #606642
  8. #484d32
  9. #303321
  10. #181a11
  11. #000000

Açık tonlar

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

  1. #f0ffa6
  2. #f2ffaf
  3. #f3ffb8
  4. #f5ffc1
  5. #f6ffca
  6. #f8ffd3
  7. #f9ffdb
  8. #fbffe4
  9. #fcffed
  10. #fefff6
  11. #ffffff

Tonlar

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

  1. #f0ffa6
  2. #e5f2a2
  3. #dae69e
  4. #ced99b
  5. #c3cc97
  6. #b8c093
  7. #adb38f
  8. #a2a68b
  9. #969988
  10. #8b8d84
  11. #808080

Okunaklı metin 1.07:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 19.56:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #f7f7f7 Erkeklerin ≈ 0.003% kadarı
Akromatomali #f4fadb Erkeklerin ≈ 0.001% kadarı
Protanopi #fff6a0 Erkeklerin ≈ 1.01% kadarı
Döteranopi #fff8aa Erkeklerin ≈ 1.27% kadarı
Tritanopi #f9f6e9 Erkeklerin ≈ 0.0001% kadarı
Protanomali #fffaa2 Erkeklerin ≈ 1.08% kadarı
Döteranomali #fffba8 Erkeklerin ≈ 4.63% kadarı
Tritanomali #f6f9d1 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-f0ffa6 {
  color: #f0ffa6;
}
Arka plan
.bg-f0ffa6 {
  background-color: #f0ffa6;
  color: #000000;
}
Kenarlık
.border-f0ffa6 {
  border: 2px solid #f0ffa6;
}
CSS değişkenleri
:root {
  --color-primary: #f0ffa6;
  --color-primary-rgb: 240 255 166;
  --color-primary-hsl: 70 100% 83%;
}
Geçiş
.gradient-f0ffa6 {
  background: linear-gradient(135deg, #f0ffa6, #c4ffa6);
}
Renkli gölge
.shadow-f0ffa6 {
  box-shadow: 0 8px 24px rgb(240 255 166 / 0.35);
}

#fdfd96 Pastel Yellow ΔE 4.54 #f0e68c Khaki ΔE 7.70 #eee8aa Pale Goldenrod ΔE 7.72 #fffdd0 Cream ΔE 9.34 #ffff66 Laser Lemon ΔE 9.47 #fffacd Lemon Chiffon ΔE 9.71 #faf0be Blond ΔE 9.74 #0f0059 Ters renk #f7f7f7 Gri tonlama 

Pastel Yellow
#f0ffa6  rgb(240, 255, 166)  hsl(70, 100%, 83%)  Pastel Yellow
#b5a6ff  rgb(181, 166, 255)  hsl(250, 100%, 83%)  Mauve
#a6f0ff  rgb(166, 240, 255)  hsl(190, 100%, 83%)  Non-Photo Blue
#ffa6f0  rgb(255, 166, 240)  hsl(310, 100%, 83%)  Plum