ColorTool
لاگ اِن
#C55A2A

#c55a2a ≈ Burnt Orange

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

⁦#c55a2a⁩ “نارنجی” خاندان کا رنگ ہے؛ اس کی روشنی درمیانی اور سیچوریشن گہری ہے۔ RGB ماڈل میں یہ 77.25% سرخ، 35.29% سبز اور 16.47% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 0% سیان، 54.31% میجنٹا، 78.68% پیلا اور 22.75% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 18.58°، سیچوریشن 64.85% اور روشنی 46.86% ہے۔ یہ ایک گرم رنگ ہے جو اکثر جوش، گرمجوشی اور تخلیقی صلاحیت سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً کال ٹو ایکشن بٹن، کھانے کے برانڈز اور ریستوران اور برانڈ کے نمایاں رنگ کے لیے استعمال کرتے ہیں۔ اس رنگ پر سیاہ متن کا کنٹراسٹ تناسب 4.87:1 ہے (WCAG AA)۔ سب سے قریب نام والا رنگ Burnt Orange (⁦#cc5500⁩) ہے، ΔE 4.72۔

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

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

تکمیلی

  1. #c55a2a
  2. #2a95c5

منقسم تکمیلی

  1. #c55a2a
  2. #2ac5a7
  3. #2a48c5

مماثل

  1. #c52a48
  2. #c55a2a
  3. #c5a72a

سہ رنگی

  1. #c55a2a
  2. #2ac55a
  3. #5a2ac5

چہار رنگی

  1. #c55a2a
  2. #95c52a
  3. #2a95c5
  4. #5a2ac5

مربع

  1. #c55a2a
  2. #48c52a
  3. #2a95c5
  4. #a72ac5

یک رنگی

  1. #47200f
  2. #863d1d
  3. #c55a2a
  4. #dd865f
  5. #eab59e

شیڈز

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

  1. #c55a2a
  2. #b15126
  3. #9e4822
  4. #8a3f1d
  5. #763619
  6. #632d15
  7. #4f2411
  8. #3b1b0d
  9. #271208
  10. #140904
  11. #000000

ٹنٹس

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

  1. #c55a2a
  2. #cb6b3f
  3. #d17b55
  4. #d68c6a
  5. #dc9c7f
  6. #e2ad95
  7. #e8bdaa
  8. #eecebf
  9. #f3ded4
  10. #f9efea
  11. #ffffff

ٹونز

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

  1. #c55a2a
  2. #be5e33
  3. #b7623b
  4. #b06544
  5. #a9694c
  6. #a36d55
  7. #9c715e
  8. #957566
  9. #8e786f
  10. #877c77
  11. #808080

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

اکرومیٹوپسیا #7a7a7a تقریباً 0.003% مرد
اکرومیٹومیلی #9d6e63 تقریباً 0.001% مرد
پروٹانوپیا #786b24 تقریباً 1.01% مرد
ڈیوٹیرانوپیا #928327 تقریباً 1.27% مرد
ٹرائٹانوپیا #d84250 تقریباً 0.0001% مرد
پروٹانومیلی #9d6526 تقریباً 1.08% مرد
ڈیوٹیرانومیلی #a97528 تقریباً 4.63% مرد
ٹرائٹانومیلی #d14d44 تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

متن کا رنگ
.text-c55a2a {
  color: #c55a2a;
}
پس منظر
.bg-c55a2a {
  background-color: #c55a2a;
  color: #000000;
}
بارڈر
.border-c55a2a {
  border: 2px solid #c55a2a;
}
CSS ویری ایبلز
:root {
  --color-primary: #c55a2a;
  --color-primary-rgb: 197 90 42;
  --color-primary-hsl: 19 65% 47%;
}
گریڈیئنٹ
.gradient-c55a2a {
  background: linear-gradient(135deg, #c55a2a, #c5a72a);
}
رنگین سایہ
.shadow-c55a2a {
  box-shadow: 0 8px 24px rgb(197 90 42 / 0.35);
}

#cc5500 Burnt Orange ΔE 4.72 #cb410b Sinopia ΔE 5.48 #e25822 Flame ΔE 5.64 #c04000 Mahogany ΔE 6.53 #d2691e Chocolate ΔE 7.21 #b7410e Rust ΔE 7.21 #ec5800 Persimmon ΔE 8.08 #3aa5d5 الٹا رنگ #7a7a7a گرے اسکیل 

Burnt Orange
#c55a2a  rgb(197, 90, 42)  hsl(19, 65%, 47%)  Burnt Orange
#2a95c5  rgb(42, 149, 197)  hsl(199, 65%, 47%)  Carolina Blue
#2ac55a  rgb(42, 197, 90)  hsl(139, 65%, 47%)  Emerald
#5a2ac5  rgb(90, 42, 197)  hsl(259, 65%, 47%)  Ocean Blue