ColorTool
لاگ اِن
#DD673F

#dd673f ≈ Flame

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

⁦#dd673f⁩ “نارنجی” خاندان کا رنگ ہے؛ اس کی روشنی درمیانی اور سیچوریشن گہری ہے۔ RGB ماڈل میں یہ 86.67% سرخ، 40.39% سبز اور 24.71% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 0% سیان، 53.39% میجنٹا، 71.49% پیلا اور 13.33% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 15.19°، سیچوریشن 69.91% اور روشنی 55.69% ہے۔ یہ ایک گرم رنگ ہے جو اکثر جوش، گرمجوشی اور تخلیقی صلاحیت سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً کال ٹو ایکشن بٹن، کھانے کے برانڈز اور ریستوران اور برانڈ کے نمایاں رنگ کے لیے استعمال کرتے ہیں۔ اس رنگ پر سیاہ متن کا کنٹراسٹ تناسب 6.09:1 ہے (WCAG AA)۔ سب سے قریب نام والا رنگ Flame (⁦#e25822⁩) ہے، ΔE 4.21۔

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

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

تکمیلی

  1. #dd673f
  2. #3fb5dd

منقسم تکمیلی

  1. #dd673f
  2. #3fddb6
  3. #3f66dd

مماثل

  1. #dd3f66
  2. #dd673f
  3. #ddb63f

سہ رنگی

  1. #dd673f
  2. #3fdd67
  3. #673fdd

چہار رنگی

  1. #dd673f
  2. #b5dd3f
  3. #3fb5dd
  4. #673fdd

مربع

  1. #dd673f
  2. #66dd3f
  3. #3fb5dd
  4. #b63fdd

یک رنگی

  1. #6f2b14
  2. #b0441f
  3. #dd673f
  4. #e99a80
  5. #f4cec1

شیڈز

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

  1. #dd673f
  2. #c75d39
  3. #b15232
  4. #9b482c
  5. #853e26
  6. #6f3420
  7. #582919
  8. #421f13
  9. #2c150d
  10. #160a06
  11. #000000

ٹنٹس

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

  1. #dd673f
  2. #e07652
  3. #e48565
  4. #e79579
  5. #eba48c
  6. #eeb39f
  7. #f1c2b2
  8. #f5d1c5
  9. #f8e1d9
  10. #fcf0ec
  11. #ffffff

ٹونز

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

  1. #dd673f
  2. #d46a46
  3. #ca6c4c
  4. #c16f53
  5. #b87159
  6. #af7460
  7. #a57666
  8. #9c796d
  9. #937b73
  10. #897e7a
  11. #808080

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

اکرومیٹوپسیا #8a8a8a تقریباً 0.003% مرد
اکرومیٹومیلی #b17d73 تقریباً 0.001% مرد
پروٹانوپیا #877a3a تقریباً 1.01% مرد
ڈیوٹیرانوپیا #a4943c تقریباً 1.27% مرد
ٹرائٹانوپیا #f24e5e تقریباً 0.0001% مرد
پروٹانومیلی #b0733c تقریباً 1.08% مرد
ڈیوٹیرانومیلی #bd843d تقریباً 4.63% مرد
ٹرائٹانومیلی #ea5953 تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

متن کا رنگ
.text-dd673f {
  color: #dd673f;
}
پس منظر
.bg-dd673f {
  background-color: #dd673f;
  color: #000000;
}
بارڈر
.border-dd673f {
  border: 2px solid #dd673f;
}
CSS ویری ایبلز
:root {
  --color-primary: #dd673f;
  --color-primary-rgb: 221 103 63;
  --color-primary-hsl: 15 70% 56%;
}
گریڈیئنٹ
.gradient-dd673f {
  background: linear-gradient(135deg, #dd673f, #ddb63f);
}
رنگین سایہ
.shadow-dd673f {
  box-shadow: 0 8px 24px rgb(221 103 63 / 0.35);
}

#e25822 Flame ΔE 4.21 #e97451 Burnt Sienna ΔE 4.29 #e2725b Terra Cotta ΔE 5.78 #ff6347 Tomato ΔE 6.83 #ec5800 Persimmon ΔE 6.98 #f94d00 Tangelo ΔE 7.12 #ff4f00 International Orange ΔE 7.53 #2298c0 الٹا رنگ #8a8a8a گرے اسکیل 

Flame
#dd673f  rgb(221, 103, 63)  hsl(15, 70%, 56%)  Flame
#3fb5dd  rgb(63, 181, 221)  hsl(195, 70%, 56%)  Deep Sky Blue
#3fdd67  rgb(63, 221, 103)  hsl(135, 70%, 56%)  Malachite
#673fdd  rgb(103, 63, 221)  hsl(255, 70%, 56%)  Majorelle Blue