ColorTool
لاگ اِن
#F96554

#f96554 ≈ Bittersweet

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

⁦#f96554⁩ “سرخ” خاندان کا رنگ ہے؛ اس کی روشنی زیادہ اور سیچوریشن گہری ہے۔ RGB ماڈل میں یہ 97.65% سرخ، 39.61% سبز اور 32.94% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 0% سیان، 59.44% میجنٹا، 66.27% پیلا اور 2.35% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 6.18°، سیچوریشن 93.22% اور روشنی 65.29% ہے۔ یہ ایک گرم رنگ ہے جو اکثر توانائی، جذبے اور فوری پن سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً کھانے کے برانڈز اور ریستوران، سیل اور پروموشنز اور کال ٹو ایکشن بٹن کے لیے استعمال کرتے ہیں۔ اس رنگ پر سیاہ متن کا کنٹراسٹ تناسب 7.02:1 ہے (WCAG AAA)۔ سب سے قریب نام والا رنگ Bittersweet (⁦#fe6f5e⁩) ہے، ΔE 2.36۔

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

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

تکمیلی

  1. #f96554
  2. #54e8f9

منقسم تکمیلی

  1. #f96554
  2. #54f9b7
  3. #5495f9

مماثل

  1. #f95495
  2. #f96554
  3. #f9b754

سہ رنگی

  1. #f96554
  2. #54f965
  3. #6554f9

چہار رنگی

  1. #f96554
  2. #e8f954
  3. #54e8f9
  4. #6554f9

مربع

  1. #f96554
  2. #95f954
  3. #54e8f9
  4. #b754f9

یک رنگی

  1. #ae1706
  2. #f6220a
  3. #f96554
  4. #fca89e
  5. #feeae8

شیڈز

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

  1. #f96554
  2. #e05b4c
  3. #c75143
  4. #ae473b
  5. #953d32
  6. #7d332a
  7. #642822
  8. #4b1e19
  9. #321411
  10. #190a08
  11. #000000

ٹنٹس

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

  1. #f96554
  2. #fa7465
  3. #fa8476
  4. #fb9387
  5. #fba398
  6. #fcb2aa
  7. #fdc1bb
  8. #fdd1cc
  9. #fee0dd
  10. #fef0ee
  11. #ffffff

ٹونز

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

  1. #f96554
  2. #ed6858
  3. #e16a5d
  4. #d56d61
  5. #c97066
  6. #bd736a
  7. #b0756e
  8. #a47873
  9. #987b77
  10. #8c7d7c
  11. #808080

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

اکرومیٹوپسیا #959595 تقریباً 0.003% مرد
اکرومیٹومیلی #c58480 تقریباً 0.001% مرد
پروٹانوپیا #8c8152 تقریباً 1.01% مرد
ڈیوٹیرانوپیا #b1a150 تقریباً 1.27% مرد
ٹرائٹانوپیا #ff4562 تقریباً 0.0001% مرد
پروٹانومیلی #c27753 تقریباً 1.08% مرد
ڈیوٹیرانومیلی #d28d52 تقریباً 4.63% مرد
ٹرائٹانومیلی #ff545d تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

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

#fe6f5e Bittersweet ΔE 2.36 #ff6961 Pastel Red ΔE 3.02 #ff6347 Tomato ΔE 3.15 #e2725b Terra Cotta ΔE 4.59 #e97451 Burnt Sienna ΔE 6.00 #fa8072 Salmon ΔE 6.04 #e34234 Cinnabar ΔE 8.83 #069aab الٹا رنگ #959595 گرے اسکیل 

Bittersweet
#f96554  rgb(249, 101, 84)  hsl(6, 93%, 65%)  Bittersweet
#54e8f9  rgb(84, 232, 249)  hsl(186, 93%, 65%)  Electric Blue
#54f965  rgb(84, 249, 101)  hsl(126, 93%, 65%)  Spring Green
#6554f9  rgb(101, 84, 249)  hsl(246, 93%, 65%)  Majorelle Blue