ColorTool
لاگ اِن
#AB683F

#ab683f ≈ Copper

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

⁦#ab683f⁩ “نارنجی” خاندان کا رنگ ہے؛ اس کی روشنی درمیانی اور سیچوریشن درمیانی ہے۔ RGB ماڈل میں یہ 67.06% سرخ، 40.78% سبز اور 24.71% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 0% سیان، 39.18% میجنٹا، 63.16% پیلا اور 32.94% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 22.78°، سیچوریشن 46.15% اور روشنی 45.88% ہے۔ یہ ایک گرم رنگ ہے جو اکثر جوش، گرمجوشی اور تخلیقی صلاحیت سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً کال ٹو ایکشن بٹن، کھانے کے برانڈز اور ریستوران اور برانڈ کے نمایاں رنگ کے لیے استعمال کرتے ہیں۔ اس رنگ پر سیاہ متن کا کنٹراسٹ تناسب 4.78:1 ہے (WCAG AA)۔ سب سے قریب نام والا رنگ Copper (⁦#b87333⁩) ہے، ΔE 6.92۔

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

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

تکمیلی

  1. #ab683f
  2. #3f82ab

منقسم تکمیلی

  1. #ab683f
  2. #3fab9e
  3. #3f4cab

مماثل

  1. #ab3f4c
  2. #ab683f
  3. #ab9e3f

سہ رنگی

  1. #ab683f
  2. #3fab68
  3. #683fab

چہار رنگی

  1. #ab683f
  2. #82ab3f
  3. #3f82ab
  4. #683fab

مربع

  1. #ab683f
  2. #4cab3f
  3. #3f82ab
  4. #9e3fab

یک رنگی

  1. #3b2416
  2. #73462a
  3. #ab683f
  4. #c9906d
  5. #debba5

شیڈز

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

  1. #ab683f
  2. #9a5e39
  3. #895332
  4. #78492c
  5. #673e26
  6. #563420
  7. #442a19
  8. #331f13
  9. #22150d
  10. #110a06
  11. #000000

ٹنٹس

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

  1. #ab683f
  2. #b37752
  3. #bc8665
  4. #c49579
  5. #cda48c
  6. #d5b49f
  7. #ddc3b2
  8. #e6d2c5
  9. #eee1d9
  10. #f7f0ec
  11. #ffffff

ٹونز

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

  1. #ab683f
  2. #a76a46
  3. #a26d4c
  4. #9e6f53
  5. #9a7259
  6. #967460
  7. #917666
  8. #8d796d
  9. #897b73
  10. #847e7a
  11. #808080

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

اکرومیٹوپسیا #787878 تقریباً 0.003% مرد
اکرومیٹومیلی #8f7266 تقریباً 0.001% مرد
پروٹانوپیا #7b6f3b تقریباً 1.01% مرد
ڈیوٹیرانوپیا #8b7e3f تقریباً 1.27% مرد
ٹرائٹانوپیا #ba5b5e تقریباً 0.0001% مرد
پروٹانومیلی #916d3d تقریباً 1.08% مرد
ڈیوٹیرانومیلی #99763f تقریباً 4.63% مرد
ٹرائٹانومیلی #b46053 تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

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

#b87333 Copper ΔE 6.92 #a0522d Sienna ΔE 7.48 #a67b5b Cafe au Lait ΔE 7.63 #b06500 Ginger ΔE 9.35 #d2691e Chocolate ΔE 9.36 #cc5500 Burnt Orange ΔE 9.52 #cc7722 Ochre ΔE 10.96 #5497c0 الٹا رنگ #787878 گرے اسکیل 

Copper
#ab683f  rgb(171, 104, 63)  hsl(23, 46%, 46%)  Copper
#3f82ab  rgb(63, 130, 171)  hsl(203, 46%, 46%)  Steel Blue
#3fab68  rgb(63, 171, 104)  hsl(143, 46%, 46%)  Medium Sea Green
#683fab  rgb(104, 63, 171)  hsl(263, 46%, 46%)  Purple Heart