ColorTool
لاگ اِن
#FFBCAA

#ffbcaa ≈ Melon

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

⁦#ffbcaa⁩ “نارنجی” خاندان کا رنگ ہے؛ اس کی روشنی بہت زیادہ اور سیچوریشن درمیانی ہے۔ RGB ماڈل میں یہ 100% سرخ، 73.73% سبز اور 66.67% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 0% سیان، 26.27% میجنٹا، 33.33% پیلا اور 0% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 12.71°، سیچوریشن 100% اور روشنی 83.33% ہے۔ یہ ایک گرم رنگ ہے جو اکثر جوش، گرمجوشی اور تخلیقی صلاحیت سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً کال ٹو ایکشن بٹن، کھانے کے برانڈز اور ریستوران اور نرم پیسٹل پیلیٹ کے لیے استعمال کرتے ہیں۔ اس رنگ پر سیاہ متن کا کنٹراسٹ تناسب 13.03:1 ہے (WCAG AAA)۔ سب سے قریب نام والا رنگ Melon (⁦#fdbcb4⁩) ہے، ΔE 3.75۔

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

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

تکمیلی

  1. #ffbcaa
  2. #aaedff

منقسم تکمیلی

  1. #ffbcaa
  2. #aaffe7
  3. #aac2ff

مماثل

  1. #ffaac2
  2. #ffbcaa
  3. #ffe7aa

سہ رنگی

  1. #ffbcaa
  2. #aaffbc
  3. #bcaaff

چہار رنگی

  1. #ffbcaa
  2. #edffaa
  3. #aaedff
  4. #bcaaff

مربع

  1. #ffbcaa
  2. #c2ffaa
  3. #aaedff
  4. #e7aaff

یک رنگی

  1. #ff4311
  2. #ff805d
  3. #ffbcaa
  4. #ffefeb
  5. #ffefeb

شیڈز

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

  1. #ffbcaa
  2. #e6a999
  3. #cc9688
  4. #b38477
  5. #997166
  6. #805e55
  7. #664b44
  8. #4d3833
  9. #332622
  10. #1a1311
  11. #000000

ٹنٹس

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

  1. #ffbcaa
  2. #ffc3b3
  3. #ffc9bb
  4. #ffd0c4
  5. #ffd7cc
  6. #ffded5
  7. #ffe4dd
  8. #ffebe6
  9. #fff2ee
  10. #fff8f7
  11. #ffffff

ٹونز

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

  1. #ffbcaa
  2. #f2b6a6
  3. #e6b0a2
  4. #d9aa9d
  5. #cca499
  6. #c09e95
  7. #b39891
  8. #a6928d
  9. #998c88
  10. #8d8684
  11. #808080

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

اکرومیٹوپسیا #cccccc تقریباً 0.003% مرد
اکرومیٹومیلی #e2c6bf تقریباً 0.001% مرد
پروٹانوپیا #cbc4a9 تقریباً 1.01% مرد
ڈیوٹیرانوپیا #dbd1a9 تقریباً 1.27% مرد
ٹرائٹانوپیا #ffb3b7 تقریباً 0.0001% مرد
پروٹانومیلی #e2c1a9 تقریباً 1.08% مرد
ڈیوٹیرانومیلی #eac9aa تقریباً 4.63% مرد
ٹرائٹانومیلی #ffb6b2 تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

متن کا رنگ
.text-ffbcaa {
  color: #ffbcaa;
}
پس منظر
.bg-ffbcaa {
  background-color: #ffbcaa;
  color: #000000;
}
بارڈر
.border-ffbcaa {
  border: 2px solid #ffbcaa;
}
CSS ویری ایبلز
:root {
  --color-primary: #ffbcaa;
  --color-primary-rgb: 255 188 170;
  --color-primary-hsl: 13 100% 83%;
}
گریڈیئنٹ
.gradient-ffbcaa {
  background: linear-gradient(135deg, #ffbcaa, #ffe7aa);
}
رنگین سایہ
.shadow-ffbcaa {
  box-shadow: 0 8px 24px rgb(255 188 170 / 0.35);
}

#fdbcb4 Melon ΔE 3.75 #ebc2af Zinnwaldite ΔE 6.51 #ffa089 Vivid Tangerine ΔE 7.24 #f4c2c2 Baby Pink ΔE 7.56 #fbceb1 Apricot ΔE 8.36 #ffa07a Light Salmon ΔE 9.04 #dea5a4 Pastel Pink ΔE 9.09 #004355 الٹا رنگ #cccccc گرے اسکیل 

Melon
#ffbcaa  rgb(255, 188, 170)  hsl(13, 100%, 83%)  Melon
#aaedff  rgb(170, 237, 255)  hsl(193, 100%, 83%)  Non-Photo Blue
#aaffbc  rgb(170, 255, 188)  hsl(133, 100%, 83%)  Pale Green
#bcaaff  rgb(188, 170, 255)  hsl(253, 100%, 83%)  Mauve