ColorTool
لاگ اِن
#F2B5A2

#f2b5a2 ≈ Melon

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

⁦#f2b5a2⁩ “نارنجی” خاندان کا رنگ ہے؛ اس کی روشنی زیادہ اور سیچوریشن درمیانی ہے۔ RGB ماڈل میں یہ 94.9% سرخ، 70.98% سبز اور 63.53% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 0% سیان، 25.21% میجنٹا، 33.06% پیلا اور 5.1% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 14.25°، سیچوریشن 75.47% اور روشنی 79.22% ہے۔ یہ ایک گرم رنگ ہے جو اکثر جوش، گرمجوشی اور تخلیقی صلاحیت سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً کال ٹو ایکشن بٹن، کھانے کے برانڈز اور ریستوران اور نرم پیسٹل پیلیٹ کے لیے استعمال کرتے ہیں۔ اس رنگ پر سیاہ متن کا کنٹراسٹ تناسب 11.91:1 ہے (WCAG AAA)۔ سب سے قریب نام والا رنگ Melon (⁦#fdbcb4⁩) ہے، ΔE 4.97۔

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

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

تکمیلی

  1. #f2b5a2
  2. #a2dff2

منقسم تکمیلی

  1. #f2b5a2
  2. #a2f2dd
  3. #a2b7f2

مماثل

  1. #f2a2b7
  2. #f2b5a2
  3. #f2dda2

سہ رنگی

  1. #f2b5a2
  2. #a2f2b5
  3. #b5a2f2

چہار رنگی

  1. #f2b5a2
  2. #dff2a2
  3. #a2dff2
  4. #b5a2f2

مربع

  1. #f2b5a2
  2. #b7f2a2
  3. #a2dff2
  4. #dda2f2

یک رنگی

  1. #dc4c1f
  2. #e9805f
  3. #f2b5a2
  4. #fbeae5
  5. #fcf1ed

شیڈز

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

  1. #f2b5a2
  2. #daa392
  3. #c29182
  4. #a97f71
  5. #916d61
  6. #795b51
  7. #614841
  8. #493631
  9. #302420
  10. #181210
  11. #000000

ٹنٹس

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

  1. #f2b5a2
  2. #f3bcab
  3. #f5c4b5
  4. #f6cbbe
  5. #f7d3c7
  6. #f9dad1
  7. #fae1da
  8. #fbe9e3
  9. #fcf0ec
  10. #fef8f6
  11. #ffffff

ٹونز

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

  1. #f2b5a2
  2. #e7b09f
  3. #dbaa9b
  4. #d0a598
  5. #c4a094
  6. #b99b91
  7. #ae958e
  8. #a2908a
  9. #978b87
  10. #8b8583
  11. #808080

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

اکرومیٹوپسیا #c3c3c3 تقریباً 0.003% مرد
اکرومیٹومیلی #d7beb7 تقریباً 0.001% مرد
پروٹانوپیا #c3bca1 تقریباً 1.01% مرد
ڈیوٹیرانوپیا #d2c8a2 تقریباً 1.27% مرد
ٹرائٹانوپیا #ffacb0 تقریباً 0.0001% مرد
پروٹانومیلی #d8b9a1 تقریباً 1.08% مرد
ڈیوٹیرانومیلی #dfc1a2 تقریباً 4.63% مرد
ٹرائٹانومیلی #fbb0aa تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

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

#fdbcb4 Melon ΔE 4.97 #ebc2af Zinnwaldite ΔE 5.58 #ffa089 Vivid Tangerine ΔE 6.92 #deaa88 Tumbleweed ΔE 7.56 #dea5a4 Pastel Pink ΔE 8.11 #f4c2c2 Baby Pink ΔE 8.11 #fbceb1 Apricot ΔE 8.22 #0d4a5d الٹا رنگ #c3c3c3 گرے اسکیل 

Melon
#f2b5a2  rgb(242, 181, 162)  hsl(14, 75%, 79%)  Melon
#a2dff2  rgb(162, 223, 242)  hsl(194, 75%, 79%)  Non-Photo Blue
#a2f2b5  rgb(162, 242, 181)  hsl(134, 75%, 79%)  Granny Smith Apple
#b5a2f2  rgb(181, 162, 242)  hsl(254, 75%, 79%)  Wisteria