ColorTool
لاگ اِن
#F4BC89

#f4bc89 ≈ Peach Orange

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

⁦#f4bc89⁩ “نارنجی” خاندان کا رنگ ہے؛ اس کی روشنی زیادہ اور سیچوریشن درمیانی ہے۔ RGB ماڈل میں یہ 95.69% سرخ، 73.73% سبز اور 53.73% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 0% سیان، 22.95% میجنٹا، 43.85% پیلا اور 4.31% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 28.6°، سیچوریشن 82.95% اور روشنی 74.71% ہے۔ یہ ایک گرم رنگ ہے جو اکثر جوش، گرمجوشی اور تخلیقی صلاحیت سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً کال ٹو ایکشن بٹن اور کھانے کے برانڈز اور ریستوران کے لیے استعمال کرتے ہیں۔ اس رنگ پر سیاہ متن کا کنٹراسٹ تناسب 12.4:1 ہے (WCAG AAA)۔ سب سے قریب نام والا رنگ Peach Orange (⁦#ffcc99⁩) ہے، ΔE 3.83۔

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

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

تکمیلی

  1. #f4bc89
  2. #89c1f4

منقسم تکمیلی

  1. #f4bc89
  2. #89f4f2
  3. #898cf4

مماثل

  1. #f4898c
  2. #f4bc89
  3. #f4f289

سہ رنگی

  1. #f4bc89
  2. #89f4bc
  3. #bc89f4

چہار رنگی

  1. #f4bc89
  2. #c1f489
  3. #89c1f4
  4. #bc89f4

مربع

  1. #f4bc89
  2. #8cf489
  3. #89c1f4
  4. #f289f4

یک رنگی

  1. #d16e13
  2. #ed9443
  3. #f4bc89
  4. #fbe4cf
  5. #fdf4ec

شیڈز

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

  1. #f4bc89
  2. #dca97b
  3. #c3966e
  4. #ab8460
  5. #927152
  6. #7a5e45
  7. #624b37
  8. #493829
  9. #31261b
  10. #18130e
  11. #000000

ٹنٹس

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

  1. #f4bc89
  2. #f5c395
  3. #f6c9a1
  4. #f7d0ac
  5. #f8d7b8
  6. #fadec4
  7. #fbe4d0
  8. #fcebdc
  9. #fdf2e7
  10. #fef8f3
  11. #ffffff

ٹونز

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

  1. #f4bc89
  2. #e8b688
  3. #ddb087
  4. #d1aa86
  5. #c6a485
  6. #ba9e85
  7. #ae9884
  8. #a39283
  9. #978c82
  10. #8c8681
  11. #808080

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

اکرومیٹوپسیا #c7c7c7 تقریباً 0.003% مرد
اکرومیٹومیلی #dac3b1 تقریباً 0.001% مرد
پروٹانوپیا #cebf85 تقریباً 1.01% مرد
ڈیوٹیرانوپیا #dbcc8a تقریباً 1.27% مرد
ٹرائٹانوپیا #ffb0af تقریباً 0.0001% مرد
پروٹانومیلی #debe87 تقریباً 1.08% مرد
ڈیوٹیرانومیلی #e5c689 تقریباً 4.63% مرد
ٹرائٹانومیلی #feb5a1 تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

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

#ffcc99 Peach Orange ΔE 3.83 #e5aa70 Fawn ΔE 4.83 #deb887 Burly Wood ΔE 5.31 #ffc87c Topaz ΔE 6.51 #deaa88 Tumbleweed ΔE 6.62 #fdd5b1 Light Apricot ΔE 7.08 #f4a460 Sandy Brown ΔE 7.22 #0b4376 الٹا رنگ #c7c7c7 گرے اسکیل 

Peach Orange
#f4bc89  rgb(244, 188, 137)  hsl(29, 83%, 75%)  Peach Orange
#89c1f4  rgb(137, 193, 244)  hsl(209, 83%, 75%)  Maya Blue
#89f4bc  rgb(137, 244, 188)  hsl(149, 83%, 75%)  Aquamarine
#bc89f4  rgb(188, 137, 244)  hsl(269, 83%, 75%)  Floral Lavender