ColorTool
لاگ اِن
#F7BCAA

#f7bcaa ≈ Melon

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

⁦#f7bcaa⁩ “نارنجی” خاندان کا رنگ ہے؛ اس کی روشنی زیادہ اور سیچوریشن درمیانی ہے۔ RGB ماڈل میں یہ 96.86% سرخ، 73.73% سبز اور 66.67% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 0% سیان، 23.89% میجنٹا، 31.17% پیلا اور 3.14% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 14.03°، سیچوریشن 82.8% اور روشنی 81.76% ہے۔ یہ ایک گرم رنگ ہے جو اکثر جوش، گرمجوشی اور تخلیقی صلاحیت سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً کال ٹو ایکشن بٹن، کھانے کے برانڈز اور ریستوران اور نرم پیسٹل پیلیٹ کے لیے استعمال کرتے ہیں۔ اس رنگ پر سیاہ متن کا کنٹراسٹ تناسب 12.73:1 ہے (WCAG AAA)۔ سب سے قریب نام والا رنگ Melon (⁦#fdbcb4⁩) ہے، ΔE 4.32۔

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

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

تکمیلی

  1. #f7bcaa
  2. #aae5f7

منقسم تکمیلی

  1. #f7bcaa
  2. #aaf7e2
  3. #aabef7

مماثل

  1. #f7aabe
  2. #f7bcaa
  3. #f7e2aa

سہ رنگی

  1. #f7bcaa
  2. #aaf7bc
  3. #bcaaf7

چہار رنگی

  1. #f7bcaa
  2. #e5f7aa
  3. #aae5f7
  4. #bcaaf7

مربع

  1. #f7bcaa
  2. #bef7aa
  3. #aae5f7
  4. #e2aaf7

یک رنگی

  1. #ea4e1e
  2. #f08564
  3. #f7bcaa
  4. #fdf0ec
  5. #fdf0ec

شیڈز

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

  1. #f7bcaa
  2. #dea999
  3. #c69688
  4. #ad8477
  5. #947166
  6. #7c5e55
  7. #634b44
  8. #4a3833
  9. #312622
  10. #191311
  11. #000000

ٹنٹس

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

  1. #f7bcaa
  2. #f8c3b3
  3. #f9c9bb
  4. #f9d0c4
  5. #fad7cc
  6. #fbded5
  7. #fce4dd
  8. #fdebe6
  9. #fdf2ee
  10. #fef8f7
  11. #ffffff

ٹونز

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

  1. #f7bcaa
  2. #ebb6a6
  3. #dfb0a2
  4. #d3aa9d
  5. #c7a499
  6. #bc9e95
  7. #b09891
  8. #a4928d
  9. #988c88
  10. #8c8684
  11. #808080

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

اکرومیٹوپسیا #c9c9c9 تقریباً 0.003% مرد
اکرومیٹومیلی #ddc4be تقریباً 0.001% مرد
پروٹانوپیا #cac2a9 تقریباً 1.01% مرد
ڈیوٹیرانوپیا #d7ceaa تقریباً 1.27% مرد
ٹرائٹانوپیا #ffb4b7 تقریباً 0.0001% مرد
پروٹانومیلی #ddc0a9 تقریباً 1.08% مرد
ڈیوٹیرانومیلی #e5c7aa تقریباً 4.63% مرد
ٹرائٹانومیلی #ffb7b2 تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

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

#fdbcb4 Melon ΔE 4.32 #ebc2af Zinnwaldite ΔE 4.88 #f4c2c2 Baby Pink ΔE 7.25 #fbceb1 Apricot ΔE 7.30 #ffa089 Vivid Tangerine ΔE 8.12 #edc9af Desert Sand ΔE 8.34 #deaa88 Tumbleweed ΔE 8.56 #084355 الٹا رنگ #c9c9c9 گرے اسکیل 

Melon
#f7bcaa  rgb(247, 188, 170)  hsl(14, 83%, 82%)  Melon
#aae5f7  rgb(170, 229, 247)  hsl(194, 83%, 82%)  Non-Photo Blue
#aaf7bc  rgb(170, 247, 188)  hsl(134, 83%, 82%)  Granny Smith Apple
#bcaaf7  rgb(188, 170, 247)  hsl(254, 83%, 82%)  Mauve