#FDF99E

#fdf99e ≈ Pastel Yellow

  • पीला
  • चमक: अधिक
  • संतृप्ति: मध्यम
  • गर्म

#fdf99e “पीला” परिवार का रंग है; इसकी चमक अधिक और संतृप्ति मध्यम है। RGB मॉडल में यह 99.22% लाल, 97.65% हरे और 61.96% नीले से बना है; CMYK प्रिंट में इसमें 0% सियान, 1.58% मैजेंटा, 37.55% पीला और 0.78% काला लगता है। HSL में इसका ह्यू कोण 57.47°, संतृप्ति 95.96% और चमक 80.59% है। यह एक गर्म रंग है, जो अक्सर आशावाद, ध्यान और ख़ुशी से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर हाइलाइट और चेतावनियाँ, बच्चों के उत्पाद और हल्के पेस्टल पैलेट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 19.22:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Pastel Yellow (#fdfd96) है, ΔE 2.03।

यह विवरण इस रंग के मापे गए गुणों से बनाया गया है।

#fdf99e के अन्य कलर स्पेस में मान
HEX
RGB
RGB प्रतिशत
CMY
CMYK
HSL
HSV / HSB
वेब-सेफ़#ffff99
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
बाइनरी
दशमलव
सापेक्ष ल्यूमिनेंस0.911

शेड

#fdf99e में धीरे-धीरे काला मिलाया गया।

  1. #fdf99e
  2. #e4e08e
  3. #cac77e
  4. #b1ae6f
  5. #98955f
  6. #7f7d4f
  7. #65643f
  8. #4c4b2f
  9. #333220
  10. #191910
  11. #000000

टिंट

#fdf99e में धीरे-धीरे सफ़ेद मिलाया गया।

  1. #fdf99e
  2. #fdfaa8
  3. #fdfab1
  4. #fefbbb
  5. #fefbc5
  6. #fefccf
  7. #fefdd8
  8. #fefde2
  9. #fffeec
  10. #fffef5
  11. #ffffff

टोन

#fdf99e में धीरे-धीरे ग्रे मिलाया गया।

  1. #fdf99e
  2. #f1ed9b
  3. #e4e198
  4. #d8d595
  5. #cbc992
  6. #bfbd8f
  7. #b2b08c
  8. #a6a489
  9. #999886
  10. #8d8c83
  11. #808080

पढ़ने योग्य टेक्स्ट 1.09:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
पढ़ने योग्य टेक्स्ट 19.22:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

अक्रोमैटोप्सिया #f5f5f5 ≈ 0.003% पुरुष
अक्रोमैटोमली #f8f6d8 ≈ 0.001% पुरुष
प्रोटानोपिया #fff297 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #fff7a2 ≈ 1.27% पुरुष
ट्राइटानोपिया #ffeee2 ≈ 0.0001% पुरुष
प्रोटानोमली #fff59a ≈ 1.08% पुरुष
ड्यूटेरानोमली #fff8a0 ≈ 4.63% पुरुष
ट्राइटानोमली #fff2cb ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

इस रंग में टेक्स्ट

इस रंग में बैकग्राउंड

इस रंग में बॉर्डर

टेक्स्ट रंग
.text-fdf99e {
  color: #fdf99e;
}
बैकग्राउंड
.bg-fdf99e {
  background-color: #fdf99e;
  color: #000000;
}
बॉर्डर
.border-fdf99e {
  border: 2px solid #fdf99e;
}
CSS वेरिएबल
:root {
  --color-primary: #fdf99e;
  --color-primary-rgb: 253 249 158;
  --color-primary-hsl: 57 96% 81%;
}
ग्रेडिएंट
.gradient-fdf99e {
  background: linear-gradient(135deg, #fdf99e, #d2fd9e);
}
रंगीन छाया
.shadow-fdf99e {
  box-shadow: 0 8px 24px rgb(253 249 158 / 0.35);
}

Pastel Yellow
#fdf99e  rgb(253, 249, 158)  hsl(57, 96%, 81%)  Pastel Yellow
#9ea2fd  rgb(158, 162, 253)  hsl(237, 96%, 81%)  Wild Blue Yonder
#9efdf9  rgb(158, 253, 249)  hsl(177, 96%, 81%)  Celeste
#f99efd  rgb(249, 158, 253)  hsl(297, 96%, 81%)  Violet