ColorTool
لاگ اِن
#FCA20E

#fca20e ≈ Orange

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

⁦#fca20e⁩ “نارنجی” خاندان کا رنگ ہے؛ اس کی روشنی درمیانی اور سیچوریشن بہت شوخ ہے۔ RGB ماڈل میں یہ 98.82% سرخ، 63.53% سبز اور 5.49% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 0% سیان، 35.71% میجنٹا، 94.44% پیلا اور 1.18% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 37.31°، سیچوریشن 97.54% اور روشنی 52.16% ہے۔ یہ ایک گرم رنگ ہے جو اکثر جوش، گرمجوشی اور تخلیقی صلاحیت سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً کال ٹو ایکشن بٹن اور کھانے کے برانڈز اور ریستوران کے لیے استعمال کرتے ہیں۔ اس رنگ پر سیاہ متن کا کنٹراسٹ تناسب 10.31:1 ہے (WCAG AAA)۔ سب سے قریب نام والا رنگ Orange (⁦#ffa500⁩) ہے، ΔE 1.12۔

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

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

تکمیلی

  1. #fca20e
  2. #0e68fc

منقسم تکمیلی

  1. #fca20e
  2. #0edffc
  3. #2b0efc

مماثل

  1. #fc2b0e
  2. #fca20e
  3. #dffc0e

سہ رنگی

  1. #fca20e
  2. #0efca2
  3. #a20efc

چہار رنگی

  1. #fca20e
  2. #68fc0e
  3. #0e68fc
  4. #a20efc

مربع

  1. #fca20e
  2. #0efc2b
  3. #0e68fc
  4. #fc0edf

یک رنگی

  1. #704601
  2. #bb7502
  3. #fca20e
  4. #fdbf5a
  5. #fedca5

شیڈز

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

  1. #fca20e
  2. #e3920d
  3. #ca820b
  4. #b0710a
  5. #976108
  6. #7e5107
  7. #654106
  8. #4c3104
  9. #322003
  10. #191001
  11. #000000

ٹنٹس

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

  1. #fca20e
  2. #fcab26
  3. #fdb53e
  4. #fdbe56
  5. #fdc76e
  6. #fed187
  7. #feda9f
  8. #fee3b7
  9. #feeccf
  10. #fff6e7
  11. #ffffff

ٹونز

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

  1. #fca20e
  2. #f09f19
  3. #e39b25
  4. #d79830
  5. #ca943c
  6. #be9147
  7. #b28e52
  8. #a58a5e
  9. #998769
  10. #8c8375
  11. #808080

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

اکرومیٹوپسیا #b6b6b6 تقریباً 0.003% مرد
اکرومیٹومیلی #d5ae91 تقریباً 0.001% مرد
پروٹانوپیا #c0a900 تقریباً 1.01% مرد
ڈیوٹیرانوپیا #d5be16 تقریباً 1.27% مرد
ٹرائٹانوپیا #ff8c8a تقریباً 0.0001% مرد
پروٹانومیلی #dba600 تقریباً 1.08% مرد
ڈیوٹیرانومیلی #e6b413 تقریباً 4.63% مرد
ٹرائٹانومیلی #ff956e تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

متن کا رنگ
.text-fca20e {
  color: #fca20e;
}
پس منظر
.bg-fca20e {
  background-color: #fca20e;
  color: #000000;
}
بارڈر
.border-fca20e {
  border: 2px solid #fca20e;
}
CSS ویری ایبلز
:root {
  --color-primary: #fca20e;
  --color-primary-rgb: 252 162 14;
  --color-primary-hsl: 37 98% 52%;
}
گریڈیئنٹ
.gradient-fca20e {
  background: linear-gradient(135deg, #fca20e, #dffc0e);
}
رنگین سایہ
.shadow-fca20e {
  box-shadow: 0 8px 24px rgb(252 162 14 / 0.35);
}

#ffa500 Orange ΔE 1.12 #ff9f00 Orange Peel ΔE 1.32 #ffae42 Yellow Orange ΔE 3.77 #eaa221 Marigold ΔE 3.99 #e49b0f Gamboge ΔE 4.71 #ffb347 Pastel Orange ΔE 4.80 #ffa343 Neon Carrot ΔE 5.33 #035df1 الٹا رنگ #b6b6b6 گرے اسکیل 

Orange
#fca20e  rgb(252, 162, 14)  hsl(37, 98%, 52%)  Orange
#0e68fc  rgb(14, 104, 252)  hsl(217, 98%, 52%)  Brandeis Blue
#0efca2  rgb(14, 252, 162)  hsl(157, 98%, 52%)  Medium Spring Green
#a20efc  rgb(162, 14, 252)  hsl(277, 98%, 52%)  Vivid Violet