ColorTool
لاگ اِن
#F8683D

#f8683d ≈ Tomato

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

⁦#f8683d⁩ “نارنجی” خاندان کا رنگ ہے؛ اس کی روشنی درمیانی اور سیچوریشن گہری ہے۔ RGB ماڈل میں یہ 97.25% سرخ، 40.78% سبز اور 23.92% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 0% سیان، 58.06% میجنٹا، 75.4% پیلا اور 2.75% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 13.8°، سیچوریشن 93.03% اور روشنی 60.59% ہے۔ یہ ایک گرم رنگ ہے جو اکثر جوش، گرمجوشی اور تخلیقی صلاحیت سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً کال ٹو ایکشن بٹن اور کھانے کے برانڈز اور ریستوران کے لیے استعمال کرتے ہیں۔ اس رنگ پر سیاہ متن کا کنٹراسٹ تناسب 7.04:1 ہے (WCAG AAA)۔ سب سے قریب نام والا رنگ Tomato (⁦#ff6347⁩) ہے، ΔE 3.73۔

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

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

تکمیلی

  1. #f8683d
  2. #3dcdf8

منقسم تکمیلی

  1. #f8683d
  2. #3df8c6
  3. #3d6ff8

مماثل

  1. #f83d6f
  2. #f8683d
  3. #f8c63d

سہ رنگی

  1. #f8683d
  2. #3df868
  3. #683df8

چہار رنگی

  1. #f8683d
  2. #cdf83d
  3. #3dcdf8
  4. #683df8

مربع

  1. #f8683d
  2. #6ff83d
  3. #3dcdf8
  4. #c63df8

یک رنگی

  1. #972705
  2. #e03a08
  3. #f8683d
  4. #fba187
  5. #fddbd1

شیڈز

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

  1. #f8683d
  2. #df5e37
  3. #c65331
  4. #ae492b
  5. #953e25
  6. #7c341f
  7. #632a18
  8. #4a1f12
  9. #32150c
  10. #190a06
  11. #000000

ٹنٹس

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

  1. #f8683d
  2. #f97750
  3. #f98664
  4. #fa9577
  5. #fba48b
  6. #fcb49e
  7. #fcc3b1
  8. #fdd2c5
  9. #fee1d8
  10. #fef0ec
  11. #ffffff

ٹونز

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

  1. #f8683d
  2. #ec6a44
  3. #e06d4a
  4. #d46f51
  5. #c87258
  6. #bc745f
  7. #b07665
  8. #a4796c
  9. #987b73
  10. #8c7e79
  11. #808080

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

اکرومیٹوپسیا #959595 تقریباً 0.003% مرد
اکرومیٹومیلی #c5867c تقریباً 0.001% مرد
پروٹانوپیا #908137 تقریباً 1.01% مرد
ڈیوٹیرانوپیا #b3a138 تقریباً 1.27% مرد
ٹرائٹانوپیا #ff475f تقریباً 0.0001% مرد
پروٹانومیلی #c3783a تقریباً 1.08% مرد
ڈیوٹیرانومیلی #d28e3a تقریباً 4.63% مرد
ٹرائٹانومیلی #ff5653 تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

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

#ff6347 Tomato ΔE 3.73 #e97451 Burnt Sienna ΔE 3.77 #ff7f50 Coral ΔE 5.18 #ff4f00 International Orange ΔE 5.83 #f94d00 Tangelo ΔE 6.24 #ff4500 Orange Red ΔE 6.27 #e25822 Flame ΔE 6.38 #0797c2 الٹا رنگ #959595 گرے اسکیل 

Tomato
#f8683d  rgb(248, 104, 61)  hsl(14, 93%, 61%)  Tomato
#3dcdf8  rgb(61, 205, 248)  hsl(194, 93%, 61%)  Sky Blue
#3df868  rgb(61, 248, 104)  hsl(134, 93%, 61%)  Spring Green
#683df8  rgb(104, 61, 248)  hsl(254, 93%, 61%)  Majorelle Blue