ColorTool
لاگ اِن
#FDB4A1

#fdb4a1 ≈ Melon

  • نارنجی
  • روشنی: زیادہ
  • سیچوریشن: درمیانی
  • گرم
کنٹراسٹ جانچیں گراف میں دیکھیں بے ترتیب رنگ

⁦#fdb4a1⁩ “نارنجی” خاندان کا رنگ ہے؛ اس کی روشنی زیادہ اور سیچوریشن درمیانی ہے۔ RGB ماڈل میں یہ 99.22% سرخ، 70.59% سبز اور 63.14% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 0% سیان، 28.85% میجنٹا، 36.36% پیلا اور 0.78% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 12.39°، سیچوریشن 95.83% اور روشنی 81.18% ہے۔ یہ ایک گرم رنگ ہے جو اکثر جوش، گرمجوشی اور تخلیقی صلاحیت سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً کال ٹو ایکشن بٹن، کھانے کے برانڈز اور ریستوران اور نرم پیسٹل پیلیٹ کے لیے استعمال کرتے ہیں۔ اس رنگ پر سیاہ متن کا کنٹراسٹ تناسب 12.22:1 ہے (WCAG AAA)۔ سب سے قریب نام والا رنگ Melon (⁦#fdbcb4⁩) ہے، ΔE 4.52۔

یہ تفصیل اس رنگ کی ناپی گئی خصوصیات سے تیار کی گئی ہے۔

HEX
RGB
RGB فیصد
CMY
CMYK
HSL
HSV / HSB
ویب سیف#ffcc99
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
بائنری
اعشاری
نسبتی روشنی0.561

تکمیلی

  1. #fdb4a1
  2. #a1eafd

منقسم تکمیلی

  1. #fdb4a1
  2. #a1fde2
  3. #a1bcfd

مماثل

  1. #fda1bc
  2. #fdb4a1
  3. #fde2a1

سہ رنگی

  1. #fdb4a1
  2. #a1fdb4
  3. #b4a1fd

چہار رنگی

  1. #fdb4a1
  2. #eafda1
  3. #a1eafd
  4. #b4a1fd

مربع

  1. #fdb4a1
  2. #bcfda1
  3. #a1eafd
  4. #e2a1fd

یک رنگی

  1. #fa3c0b
  2. #fb7856
  3. #fdb4a1
  4. #ffefeb
  5. #ffefeb

شیڈز

⁦#fdb4a1⁩ میں بتدریج سیاہ ملایا گیا۔

  1. #fdb4a1
  2. #e4a291
  3. #ca9081
  4. #b17e71
  5. #986c61
  6. #7f5a51
  7. #654840
  8. #4c3630
  9. #332420
  10. #191210
  11. #000000

ٹنٹس

⁦#fdb4a1⁩ میں بتدریج سفید ملایا گیا۔

  1. #fdb4a1
  2. #fdbcaa
  3. #fdc3b4
  4. #fecbbd
  5. #fed2c7
  6. #fedad0
  7. #fee1d9
  8. #fee9e3
  9. #fff0ec
  10. #fff8f6
  11. #ffffff

ٹونز

⁦#fdb4a1⁩ میں بتدریج سرمئی ملایا گیا۔

  1. #fdb4a1
  2. #f1af9e
  3. #e4aa9a
  4. #d8a497
  5. #cb9f94
  6. #bf9a91
  7. #b2958d
  8. #a6908a
  9. #998a87
  10. #8d8583
  11. #808080

پڑھنے کے قابل متن 1.72:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
پڑھنے کے قابل متن 12.22:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

اکرومیٹوپسیا #c5c5c5 تقریباً 0.003% مرد
اکرومیٹومیلی #debfb8 تقریباً 0.001% مرد
پروٹانوپیا #c5bda0 تقریباً 1.01% مرد
ڈیوٹیرانوپیا #d6cba0 تقریباً 1.27% مرد
ٹرائٹانوپیا #ffaaaf تقریباً 0.0001% مرد
پروٹانومیلی #deb9a0 تقریباً 1.08% مرد
ڈیوٹیرانومیلی #e7c2a1 تقریباً 4.63% مرد
ٹرائٹانومیلی #ffaeaa تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

اس رنگ میں پس منظر

اس رنگ میں بارڈر

متن کا رنگ
.text-fdb4a1 {
  color: #fdb4a1;
}
پس منظر
.bg-fdb4a1 {
  background-color: #fdb4a1;
  color: #000000;
}
بارڈر
.border-fdb4a1 {
  border: 2px solid #fdb4a1;
}
CSS ویری ایبلز
:root {
  --color-primary: #fdb4a1;
  --color-primary-rgb: 253 180 161;
  --color-primary-hsl: 12 96% 81%;
}
گریڈیئنٹ
.gradient-fdb4a1 {
  background: linear-gradient(135deg, #fdb4a1, #fde2a1);
}
رنگین سایہ
.shadow-fdb4a1 {
  box-shadow: 0 8px 24px rgb(253 180 161 / 0.35);
}

#fdbcb4 Melon ΔE 4.52 #ffa089 Vivid Tangerine ΔE 5.30 #ffa07a Light Salmon ΔE 7.49 #ebc2af Zinnwaldite ΔE 7.69 #e9967a Dark Salmon ΔE 8.07 #dea5a4 Pastel Pink ΔE 8.63 #f4c2c2 Baby Pink ΔE 8.67 #024b5e الٹا رنگ #c5c5c5 گرے اسکیل 

Melon
#fdb4a1  rgb(253, 180, 161)  hsl(12, 96%, 81%)  Melon
#a1eafd  rgb(161, 234, 253)  hsl(192, 96%, 81%)  Non-Photo Blue
#a1fdb4  rgb(161, 253, 180)  hsl(132, 96%, 81%)  Pale Green
#b4a1fd  rgb(180, 161, 253)  hsl(252, 96%, 81%)  Mauve