ColorTool
لاگ اِن
#E57733

#e57733 ≈ Pumpkin

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

⁦#e57733⁩ “نارنجی” خاندان کا رنگ ہے؛ اس کی روشنی درمیانی اور سیچوریشن گہری ہے۔ RGB ماڈل میں یہ 89.8% سرخ، 46.67% سبز اور 20% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 0% سیان، 48.03% میجنٹا، 77.73% پیلا اور 10.2% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 22.92°، سیچوریشن 77.39% اور روشنی 54.9% ہے۔ یہ ایک گرم رنگ ہے جو اکثر جوش، گرمجوشی اور تخلیقی صلاحیت سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً کال ٹو ایکشن بٹن، کھانے کے برانڈز اور ریستوران اور برانڈ کے نمایاں رنگ کے لیے استعمال کرتے ہیں۔ اس رنگ پر سیاہ متن کا کنٹراسٹ تناسب 7.02:1 ہے (WCAG AAA)۔ سب سے قریب نام والا رنگ Pumpkin (⁦#ff7518⁩) ہے، ΔE 4.82۔

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

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

تکمیلی

  1. #e57733
  2. #33a1e5

منقسم تکمیلی

  1. #e57733
  2. #33e5d0
  3. #3348e5

مماثل

  1. #e53348
  2. #e57733
  3. #e5d033

سہ رنگی

  1. #e57733
  2. #33e577
  3. #7733e5

چہار رنگی

  1. #e57733
  2. #a1e533
  3. #33a1e5
  4. #7733e5

مربع

  1. #e57733
  2. #48e533
  3. #33a1e5
  4. #d033e5

یک رنگی

  1. #71340e
  2. #b45317
  3. #e57733
  4. #eea477
  5. #f6d1bb

شیڈز

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

  1. #e57733
  2. #ce6b2e
  3. #b75f29
  4. #a05324
  5. #89471f
  6. #733c1a
  7. #5c3014
  8. #45240f
  9. #2e180a
  10. #170c05
  11. #000000

ٹنٹس

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

  1. #e57733
  2. #e88547
  3. #ea925c
  4. #eda070
  5. #efad85
  6. #f2bb99
  7. #f5c9ad
  8. #f7d6c2
  9. #fae4d6
  10. #fcf1eb
  11. #ffffff

ٹونز

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

  1. #e57733
  2. #db783b
  3. #d17942
  4. #c77a4a
  5. #bd7b52
  6. #b37c5a
  7. #a87c61
  8. #9e7d69
  9. #947e71
  10. #8a7f78
  11. #808080

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

اکرومیٹوپسیا #959595 تقریباً 0.003% مرد
اکرومیٹومیلی #ba8a7a تقریباً 0.001% مرد
پروٹانوپیا #96862a تقریباً 1.01% مرد
ڈیوٹیرانوپیا #b19f31 تقریباً 1.27% مرد
ٹرائٹانوپیا #fb5f69 تقریباً 0.0001% مرد
پروٹانومیلی #bb802e تقریباً 1.08% مرد
ڈیوٹیرانومیلی #c89032 تقریباً 4.63% مرد
ٹرائٹانومیلی #f26a58 تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

متن کا رنگ
.text-e57733 {
  color: #e57733;
}
پس منظر
.bg-e57733 {
  background-color: #e57733;
  color: #000000;
}
بارڈر
.border-e57733 {
  border: 2px solid #e57733;
}
CSS ویری ایبلز
:root {
  --color-primary: #e57733;
  --color-primary-rgb: 229 119 51;
  --color-primary-hsl: 23 77% 55%;
}
گریڈیئنٹ
.gradient-e57733 {
  background: linear-gradient(135deg, #e57733, #e5d033);
}
رنگین سایہ
.shadow-e57733 {
  box-shadow: 0 8px 24px rgb(229 119 51 / 0.35);
}

#ff7518 Pumpkin ΔE 4.82 #d2691e Chocolate ΔE 5.31 #ff8243 Mango Tango ΔE 5.63 #ed872d Cadmium Orange ΔE 6.24 #d68a59 Raw Sienna ΔE 6.69 #ec5800 Persimmon ΔE 6.96 #cc7722 Ochre ΔE 7.32 #1a88cc الٹا رنگ #959595 گرے اسکیل 

Pumpkin
#e57733  rgb(229, 119, 51)  hsl(23, 77%, 55%)  Pumpkin
#33a1e5  rgb(51, 161, 229)  hsl(203, 77%, 55%)  Carolina Blue
#33e577  rgb(51, 229, 119)  hsl(143, 77%, 55%)  Malachite
#7733e5  rgb(119, 51, 229)  hsl(263, 77%, 55%)  Blue Violet