#F4FD8A

#f4fd8a ≈ Pastel Yellow

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

#f4fd8a “पीला” परिवार का रंग है; इसकी चमक अधिक और संतृप्ति मध्यम है। RGB मॉडल में यह 95.69% लाल, 99.22% हरे और 54.12% नीले से बना है; CMYK प्रिंट में इसमें 3.56% सियान, 0% मैजेंटा, 45.45% पीला और 0.78% काला लगता है। HSL में इसका ह्यू कोण 64.7°, संतृप्ति 96.64% और चमक 76.67% है। यह एक गर्म रंग है, जो अक्सर आशावाद, ध्यान और ख़ुशी से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर हाइलाइट और चेतावनियाँ, बच्चों के उत्पाद और हल्के पेस्टल पैलेट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 19.26:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Pastel Yellow (#fdfd96) है, ΔE 2.49।

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

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

शेड

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

  1. #f4fd8a
  2. #dce47c
  3. #c3ca6e
  4. #abb161
  5. #929853
  6. #7a7f45
  7. #626537
  8. #494c29
  9. #31331c
  10. #18190e
  11. #000000

टिंट

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

  1. #f4fd8a
  2. #f5fd96
  3. #f6fda1
  4. #f7fead
  5. #f8feb9
  6. #fafec5
  7. #fbfed0
  8. #fcfedc
  9. #fdffe8
  10. #fefff3
  11. #ffffff

टोन

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

  1. #f4fd8a
  2. #e8f189
  3. #dde488
  4. #d1d887
  5. #c6cb86
  6. #babf85
  7. #aeb284
  8. #a3a683
  9. #979982
  10. #8c8d81
  11. #808080

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

अक्रोमैटोप्सिया #f5f5f5 ≈ 0.003% पुरुष
अक्रोमैटोमली #f5f8d3 ≈ 0.001% पुरुष
प्रोटानोपिया #fff480 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #fff790 ≈ 1.27% पुरुष
ट्राइटानोपिया #fff1e2 ≈ 0.0001% पुरुष
प्रोटानोमली #fff784 ≈ 1.08% पुरुष
ड्यूटेरानोमली #fff98d ≈ 4.63% पुरुष
ट्राइटानोमली #fcf6c5 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

Pastel Yellow
#f4fd8a  rgb(244, 253, 138)  hsl(65, 97%, 77%)  Pastel Yellow
#938afd  rgb(147, 138, 253)  hsl(245, 97%, 77%)  Medium Purple
#8af4fd  rgb(138, 244, 253)  hsl(185, 97%, 77%)  Electric Blue
#fd8af4  rgb(253, 138, 244)  hsl(305, 97%, 77%)  Violet