ColorTool
لاگ اِن
#CC5300

#cc5300 ≈ Burnt Orange

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

⁦#cc5300⁩ “بھورا” خاندان کا رنگ ہے؛ اس کی روشنی درمیانی اور سیچوریشن بہت شوخ ہے۔ RGB ماڈل میں یہ 80% سرخ، 32.55% سبز اور 0% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 0% سیان، 59.31% میجنٹا، 100% پیلا اور 20% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 24.41°، سیچوریشن 100% اور روشنی 40% ہے۔ یہ ایک گرم رنگ ہے جو اکثر اعتماد، گرمجوشی اور سادگی سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً کیفے اور کافی برانڈز، دیہاتی اور قدرتی انداز اور کال ٹو ایکشن بٹن کے لیے استعمال کرتے ہیں۔ اس رنگ پر سیاہ متن کا کنٹراسٹ تناسب 4.8:1 ہے (WCAG AA)۔ سب سے قریب نام والا رنگ Burnt Orange (⁦#cc5500⁩) ہے، ΔE 0.63۔

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

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

تکمیلی

  1. #cc5300
  2. #0079cc

منقسم تکمیلی

  1. #cc5300
  2. #00ccb9
  3. #0013cc

مماثل

  1. #cc0013
  2. #cc5300
  3. #ccb900

سہ رنگی

  1. #cc5300
  2. #00cc53
  3. #5300cc

چہار رنگی

  1. #cc5300
  2. #79cc00
  3. #0079cc
  4. #5300cc

مربع

  1. #cc5300
  2. #13cc00
  3. #0079cc
  4. #b900cc

یک رنگی

  1. #331500
  2. #803400
  3. #cc5300
  4. #ff771a
  5. #ffa466

شیڈز

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

  1. #cc5300
  2. #b84b00
  3. #a34200
  4. #8f3a00
  5. #7a3200
  6. #662a00
  7. #522100
  8. #3d1900
  9. #291100
  10. #140800
  11. #000000

ٹنٹس

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

  1. #cc5300
  2. #d1641a
  3. #d67533
  4. #db874d
  5. #e09866
  6. #e6a980
  7. #ebba99
  8. #f0cbb3
  9. #f5ddcc
  10. #faeee6
  11. #ffffff

ٹونز

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

  1. #cc5300
  2. #c4580d
  3. #bd5c1a
  4. #b56126
  5. #ae6533
  6. #a66a40
  7. #9e6e4d
  8. #97735a
  9. #8f7766
  10. #887c73
  11. #808080

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

اکرومیٹوپسیا #797979 تقریباً 0.003% مرد
اکرومیٹومیلی #a16c5f تقریباً 0.001% مرد
پروٹانوپیا #776800 تقریباً 1.01% مرد
ڈیوٹیرانوپیا #948300 تقریباً 1.27% مرد
ٹرائٹانوپیا #e13347 تقریباً 0.0001% مرد
پروٹانومیلی #a06000 تقریباً 1.08% مرد
ڈیوٹیرانومیلی #ad7300 تقریباً 4.63% مرد
ٹرائٹانومیلی #d94237 تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

متن کا رنگ
.text-cc5300 {
  color: #cc5300;
}
پس منظر
.bg-cc5300 {
  background-color: #cc5300;
  color: #000000;
}
بارڈر
.border-cc5300 {
  border: 2px solid #cc5300;
}
CSS ویری ایبلز
:root {
  --color-primary: #cc5300;
  --color-primary-rgb: 204 83 0;
  --color-primary-hsl: 24 100% 40%;
}
گریڈیئنٹ
.gradient-cc5300 {
  background: linear-gradient(135deg, #cc5300, #ccb900);
}
رنگین سایہ
.shadow-cc5300 {
  box-shadow: 0 8px 24px rgb(204 83 0 / 0.35);
}

#cc5500 Burnt Orange ΔE 0.63 #cb410b Sinopia ΔE 5.89 #d2691e Chocolate ΔE 6.03 #c04000 Mahogany ΔE 6.14 #e25822 Flame ΔE 6.42 #ec5800 Persimmon ΔE 6.68 #b7410e Rust ΔE 7.73 #33acff الٹا رنگ #797979 گرے اسکیل 

Burnt Orange
#cc5300  rgb(204, 83, 0)  hsl(24, 100%, 40%)  Burnt Orange
#0079cc  rgb(0, 121, 204)  hsl(204, 100%, 40%)  True Blue
#00cc53  rgb(0, 204, 83)  hsl(144, 100%, 40%)  Malachite
#5300cc  rgb(83, 0, 204)  hsl(264, 100%, 40%)  Medium Blue