ColorTool
लॉग इन
#FFF2BC

#fff2bc ≈ Blond

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

#fff2bc “पीला” परिवार का रंग है; इसकी चमक बहुत अधिक और संतृप्ति मध्यम है। RGB मॉडल में यह 100% लाल, 94.9% हरे और 73.73% नीले से बना है; CMYK प्रिंट में इसमें 0% सियान, 5.1% मैजेंटा, 26.27% पीला और 0% काला लगता है। HSL में इसका ह्यू कोण 48.36°, संतृप्ति 100% और चमक 86.86% है। यह एक गर्म रंग है, जो अक्सर आशावाद, ध्यान और ख़ुशी से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर हाइलाइट और चेतावनियाँ, बच्चों के उत्पाद और हल्के पेस्टल पैलेट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 18.68:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Blond (#faf0be) है, ΔE 1.33।

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

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

पूरक

  1. #fff2bc
  2. #bcc9ff

विभाजित पूरक

  1. #fff2bc
  2. #bceaff
  3. #d0bcff

समरूप

  1. #ffd0bc
  2. #fff2bc
  3. #eaffbc

त्रिक

  1. #fff2bc
  2. #bcfff2
  3. #f2bcff

चतुष्क

  1. #fff2bc
  2. #c9ffbc
  3. #bcc9ff
  4. #f2bcff

वर्ग

  1. #fff2bc
  2. #bcffd0
  3. #bcc9ff
  4. #ffbcea

एकरंगी

  1. #ffd423
  2. #ffe36f
  3. #fff2bc
  4. #fffbeb
  5. #fffbeb

शेड

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

  1. #fff2bc
  2. #e6daa9
  3. #ccc296
  4. #b3a984
  5. #999171
  6. #80795e
  7. #66614b
  8. #4d4938
  9. #333026
  10. #1a1813
  11. #000000

टिंट

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

  1. #fff2bc
  2. #fff3c3
  3. #fff5c9
  4. #fff6d0
  5. #fff7d7
  6. #fff9de
  7. #fffae4
  8. #fffbeb
  9. #fffcf2
  10. #fffef8
  11. #ffffff

टोन

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

  1. #fff2bc
  2. #f2e7b6
  3. #e6dbb0
  4. #d9d0aa
  5. #ccc4a4
  6. #c0b99e
  7. #b3ae98
  8. #a6a292
  9. #99978c
  10. #8d8b86
  11. #808080

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

अक्रोमैटोप्सिया #f2f2f2 ≈ 0.003% पुरुष
अक्रोमैटोमली #f7f2de ≈ 0.001% पुरुष
प्रोटानोपिया #fdefb9 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #fff4be ≈ 1.27% पुरुष
ट्राइटानोपिया #ffeae3 ≈ 0.0001% पुरुष
प्रोटानोमली #fef0ba ≈ 1.08% पुरुष
ड्यूटेरानोमली #fff3bd ≈ 4.63% पुरुष
ट्राइटानोमली #ffedd5 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

#faf0be Blond ΔE 1.33 #f3e5ab Vanilla ΔE 2.95 #fffacd Lemon Chiffon ΔE 3.55 #eee8aa Pale Goldenrod ΔE 3.85 #fffdd0 Cream ΔE 4.51 #ffe5b4 Peach ΔE 5.20 #fafad2 Light Goldenrod Yellow ΔE 5.51 #000d43 उल्टा रंग #f2f2f2 ग्रेस्केल 

Blond
#fff2bc  rgb(255, 242, 188)  hsl(48, 100%, 87%)  Blond
#bcc9ff  rgb(188, 201, 255)  hsl(228, 100%, 87%)  Periwinkle
#bcfff2  rgb(188, 255, 242)  hsl(168, 100%, 87%)  Celeste
#f2bcff  rgb(242, 188, 255)  hsl(288, 100%, 87%)  Mauve