ColorTool
لاگ اِن
#DF551F

#df551f ≈ Flame

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

⁦#df551f⁩ “نارنجی” خاندان کا رنگ ہے؛ اس کی روشنی درمیانی اور سیچوریشن بہت شوخ ہے۔ RGB ماڈل میں یہ 87.45% سرخ، 33.33% سبز اور 12.16% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 0% سیان، 61.88% میجنٹا، 86.1% پیلا اور 12.55% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 16.87°، سیچوریشن 75.59% اور روشنی 49.8% ہے۔ یہ ایک گرم رنگ ہے جو اکثر جوش، گرمجوشی اور تخلیقی صلاحیت سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً کال ٹو ایکشن بٹن، کھانے کے برانڈز اور ریستوران اور برانڈ کے نمایاں رنگ کے لیے استعمال کرتے ہیں۔ اس رنگ پر سیاہ متن کا کنٹراسٹ تناسب 5.46:1 ہے (WCAG AA)۔ سب سے قریب نام والا رنگ Flame (⁦#e25822⁩) ہے، ΔE 0.97۔

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

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

تکمیلی

  1. #df551f
  2. #1fa9df

منقسم تکمیلی

  1. #df551f
  2. #1fdfb5
  3. #1f49df

مماثل

  1. #df1f49
  2. #df551f
  3. #dfb51f

سہ رنگی

  1. #df551f
  2. #1fdf55
  3. #551fdf

چہار رنگی

  1. #df551f
  2. #a9df1f
  3. #1fa9df
  4. #551fdf

مربع

  1. #df551f
  2. #49df1f
  3. #1fa9df
  4. #b51fdf

یک رنگی

  1. #59220c
  2. #9c3b16
  3. #df551f
  4. #e98861
  5. #f2baa5

شیڈز

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

  1. #df551f
  2. #c94d1c
  3. #b24419
  4. #9c3c16
  5. #863313
  6. #702b10
  7. #59220c
  8. #431a09
  9. #2d1106
  10. #160903
  11. #000000

ٹنٹس

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

  1. #df551f
  2. #e26635
  3. #e5774c
  4. #e98862
  5. #ec9979
  6. #efaa8f
  7. #f2bba5
  8. #f5ccbc
  9. #f9ddd2
  10. #fceee9
  11. #ffffff

ٹونز

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

  1. #df551f
  2. #d65929
  3. #cc5e32
  4. #c3623c
  5. #b96646
  6. #b06b50
  7. #a66f59
  8. #9d7363
  9. #93776d
  10. #8a7c76
  11. #808080

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

اکرومیٹوپسیا #828282 تقریباً 0.003% مرد
اکرومیٹومیلی #af7368 تقریباً 0.001% مرد
پروٹانوپیا #7d6e14 تقریباً 1.01% مرد
ڈیوٹیرانوپیا #9f8d17 تقریباً 1.27% مرد
ٹرائٹانوپیا #f52f4b تقریباً 0.0001% مرد
پروٹانومیلی #ad6519 تقریباً 1.08% مرد
ڈیوٹیرانومیلی #bc7b1a تقریباً 4.63% مرد
ٹرائٹانومیلی #ed413e تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

متن کا رنگ
.text-df551f {
  color: #df551f;
}
پس منظر
.bg-df551f {
  background-color: #df551f;
  color: #000000;
}
بارڈر
.border-df551f {
  border: 2px solid #df551f;
}
CSS ویری ایبلز
:root {
  --color-primary: #df551f;
  --color-primary-rgb: 223 85 31;
  --color-primary-hsl: 17 76% 50%;
}
گریڈیئنٹ
.gradient-df551f {
  background: linear-gradient(135deg, #df551f, #dfb51f);
}
رنگین سایہ
.shadow-df551f {
  box-shadow: 0 8px 24px rgb(223 85 31 / 0.35);
}

#e25822 Flame ΔE 0.97 #ec5800 Persimmon ΔE 4.27 #f94d00 Tangelo ΔE 4.63 #ff4500 Orange Red ΔE 5.41 #ff4f00 International Orange ΔE 5.69 #ff3800 Coquelicot ΔE 5.79 #cc5500 Burnt Orange ΔE 6.01 #20aae0 الٹا رنگ #828282 گرے اسکیل 

Flame
#df551f  rgb(223, 85, 31)  hsl(17, 76%, 50%)  Flame
#1fa9df  rgb(31, 169, 223)  hsl(197, 76%, 50%)  Carolina Blue
#1fdf55  rgb(31, 223, 85)  hsl(137, 76%, 50%)  Malachite
#551fdf  rgb(85, 31, 223)  hsl(257, 76%, 50%)  Han Purple