ColorTool
لاگ اِن
#BF5522

#bf5522 ≈ Burnt Orange

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

⁦#bf5522⁩ “نارنجی” خاندان کا رنگ ہے؛ اس کی روشنی درمیانی اور سیچوریشن گہری ہے۔ RGB ماڈل میں یہ 74.9% سرخ، 33.33% سبز اور 13.33% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 0% سیان، 55.5% میجنٹا، 82.2% پیلا اور 25.1% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 19.49°، سیچوریشن 69.78% اور روشنی 44.12% ہے۔ یہ ایک گرم رنگ ہے جو اکثر جوش، گرمجوشی اور تخلیقی صلاحیت سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً کال ٹو ایکشن بٹن، کھانے کے برانڈز اور ریستوران اور برانڈ کے نمایاں رنگ کے لیے استعمال کرتے ہیں۔ اس رنگ پر سفید متن کا کنٹراسٹ تناسب 4.63:1 ہے (WCAG AA)۔ سب سے قریب نام والا رنگ Burnt Orange (⁦#cc5500⁩) ہے، ΔE 4.51۔

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

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

تکمیلی

  1. #bf5522
  2. #228cbf

منقسم تکمیلی

  1. #bf5522
  2. #22bfa4
  3. #223ebf

مماثل

  1. #bf223e
  2. #bf5522
  3. #bfa422

سہ رنگی

  1. #bf5522
  2. #22bf55
  3. #5522bf

چہار رنگی

  1. #bf5522
  2. #8cbf22
  3. #228cbf
  4. #5522bf

مربع

  1. #bf5522
  2. #3ebf22
  3. #228cbf
  4. #a422bf

یک رنگی

  1. #3d1b0b
  2. #7e3816
  3. #bf5522
  4. #df7d4e
  5. #ebad8f

شیڈز

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

  1. #bf5522
  2. #ac4d1f
  3. #99441b
  4. #863c18
  5. #733314
  6. #602b11
  7. #4c220e
  8. #391a0a
  9. #261107
  10. #130903
  11. #000000

ٹنٹس

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

  1. #bf5522
  2. #c56638
  3. #cc774e
  4. #d28864
  5. #d9997a
  6. #dfaa91
  7. #e5bba7
  8. #ecccbd
  9. #f2ddd3
  10. #f9eee9
  11. #ffffff

ٹونز

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

  1. #bf5522
  2. #b9592b
  3. #b25e35
  4. #ac623e
  5. #a66648
  6. #a06b51
  7. #996f5a
  8. #937364
  9. #8d776d
  10. #867c77
  11. #808080

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

اکرومیٹوپسیا #757575 تقریباً 0.003% مرد
اکرومیٹومیلی #98695e تقریباً 0.001% مرد
پروٹانوپیا #73661a تقریباً 1.01% مرد
ڈیوٹیرانوپیا #8d7e1e تقریباً 1.27% مرد
ٹرائٹانوپیا #d23d4b تقریباً 0.0001% مرد
پروٹانومیلی #97601e تقریباً 1.08% مرد
ڈیوٹیرانومیلی #a37020 تقریباً 4.63% مرد
ٹرائٹانومیلی #cb483e تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

متن کا رنگ
.text-bf5522 {
  color: #bf5522;
}
پس منظر
.bg-bf5522 {
  background-color: #bf5522;
  color: #ffffff;
}
بارڈر
.border-bf5522 {
  border: 2px solid #bf5522;
}
CSS ویری ایبلز
:root {
  --color-primary: #bf5522;
  --color-primary-rgb: 191 85 34;
  --color-primary-hsl: 19 70% 44%;
}
گریڈیئنٹ
.gradient-bf5522 {
  background: linear-gradient(135deg, #bf5522, #bfa422);
}
رنگین سایہ
.shadow-bf5522 {
  box-shadow: 0 8px 24px rgb(191 85 34 / 0.35);
}

#cc5500 Burnt Orange ΔE 4.51 #cb410b Sinopia ΔE 4.62 #c04000 Mahogany ΔE 4.83 #b7410e Rust ΔE 5.37 #a0522d Sienna ΔE 6.98 #e25822 Flame ΔE 7.28 #d2691e Chocolate ΔE 8.24 #40aadd الٹا رنگ #757575 گرے اسکیل 

Burnt Orange
#bf5522  rgb(191, 85, 34)  hsl(19, 70%, 44%)  Burnt Orange
#228cbf  rgb(34, 140, 191)  hsl(199, 70%, 44%)  Steel Blue
#22bf55  rgb(34, 191, 85)  hsl(139, 70%, 44%)  Emerald
#5522bf  rgb(85, 34, 191)  hsl(259, 70%, 44%)  Medium Blue