ColorTool
लॉग इन
#FFFFAF

#ffffaf ≈ Pastel Yellow

  • पीला
  • चमक: बहुत अधिक
  • संतृप्ति: मध्यम
  • गर्म
कंट्रास्ट जाँचें ग्राफ़ में देखें रैंडम रंग

#ffffaf “पीला” परिवार का रंग है; इसकी चमक बहुत अधिक और संतृप्ति मध्यम है। RGB मॉडल में यह 100% लाल, 100% हरे और 68.63% नीले से बना है; CMYK प्रिंट में इसमें 0% सियान, 0% मैजेंटा, 31.37% पीला और 0% काला लगता है। HSL में इसका ह्यू कोण 60°, संतृप्ति 100% और चमक 84.31% है। यह एक गर्म रंग है, जो अक्सर आशावाद, ध्यान और ख़ुशी से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर हाइलाइट और चेतावनियाँ, बच्चों के उत्पाद और हल्के पेस्टल पैलेट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 20.18:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Pastel Yellow (#fdfd96) है, ΔE 3.72।

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

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

पूरक

  1. #ffffaf
  2. #afafff

विभाजित पूरक

  1. #ffffaf
  2. #afd7ff
  3. #d7afff

समरूप

  1. #ffd7af
  2. #ffffaf
  3. #d7ffaf

त्रिक

  1. #ffffaf
  2. #afffff
  3. #ffafff

चतुष्क

  1. #ffffaf
  2. #afffaf
  3. #afafff
  4. #ffafff

वर्ग

  1. #ffffaf
  2. #afffd7
  3. #afafff
  4. #ffafd7

एकरंगी

  1. #ffff16
  2. #ffff62
  3. #ffffaf
  4. #ffffeb
  5. #ffffeb

शेड

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

  1. #ffffaf
  2. #e6e69e
  3. #cccc8c
  4. #b3b37b
  5. #999969
  6. #808058
  7. #666646
  8. #4d4d35
  9. #333323
  10. #1a1a12
  11. #000000

टिंट

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

  1. #ffffaf
  2. #ffffb7
  3. #ffffbf
  4. #ffffc7
  5. #ffffcf
  6. #ffffd7
  7. #ffffdf
  8. #ffffe7
  9. #ffffef
  10. #fffff7
  11. #ffffff

टोन

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

  1. #ffffaf
  2. #f2f2aa
  3. #e6e6a6
  4. #d9d9a1
  5. #cccc9c
  6. #c0c098
  7. #b3b393
  8. #a6a68e
  9. #999989
  10. #8d8d85
  11. #808080

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

अक्रोमैटोप्सिया #fafafa ≈ 0.003% पुरुष
अक्रोमैटोमली #fcfce0 ≈ 0.001% पुरुष
प्रोटानोपिया #fff9a9 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #fffcb2 ≈ 1.27% पुरुष
ट्राइटानोपिया #fff5ea ≈ 0.0001% पुरुष
प्रोटानोमली #fffbac ≈ 1.08% पुरुष
ड्यूटेरानोमली #fffdb1 ≈ 4.63% पुरुष
ट्राइटानोमली #fff9d5 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

टेक्स्ट रंग
.text-ffffaf {
  color: #ffffaf;
}
बैकग्राउंड
.bg-ffffaf {
  background-color: #ffffaf;
  color: #000000;
}
बॉर्डर
.border-ffffaf {
  border: 2px solid #ffffaf;
}
CSS वेरिएबल
:root {
  --color-primary: #ffffaf;
  --color-primary-rgb: 255 255 175;
  --color-primary-hsl: 60 100% 84%;
}
ग्रेडिएंट
.gradient-ffffaf {
  background: linear-gradient(135deg, #ffffaf, #d7ffaf);
}
रंगीन छाया
.shadow-ffffaf {
  box-shadow: 0 8px 24px rgb(255 255 175 / 0.35);
}

#fdfd96 Pastel Yellow ΔE 3.72 #eee8aa Pale Goldenrod ΔE 5.63 #f0e68c Khaki ΔE 5.97 #faf0be Blond ΔE 6.98 #fffdd0 Cream ΔE 7.19 #fffacd Lemon Chiffon ΔE 7.29 #f3e5ab Vanilla ΔE 7.37 #000050 उल्टा रंग #fafafa ग्रेस्केल 

Pastel Yellow
#ffffaf  rgb(255, 255, 175)  hsl(60, 100%, 84%)  Pastel Yellow
#afafff  rgb(175, 175, 255)  hsl(240, 100%, 84%)  Wild Blue Yonder
#afffff  rgb(175, 255, 255)  hsl(180, 100%, 84%)  Celeste
#ffafff  rgb(255, 175, 255)  hsl(300, 100%, 84%)  Mauve