ColorTool
لاگ اِن
#FFCF89

#ffcf89 ≈ Topaz

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

⁦#ffcf89⁩ “نارنجی” خاندان کا رنگ ہے؛ اس کی روشنی زیادہ اور سیچوریشن درمیانی ہے۔ RGB ماڈل میں یہ 100% سرخ، 81.18% سبز اور 53.73% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 0% سیان، 18.82% میجنٹا، 46.27% پیلا اور 0% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 35.59°، سیچوریشن 100% اور روشنی 76.86% ہے۔ یہ ایک گرم رنگ ہے جو اکثر جوش، گرمجوشی اور تخلیقی صلاحیت سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً کال ٹو ایکشن بٹن، کھانے کے برانڈز اور ریستوران اور نرم پیسٹل پیلیٹ کے لیے استعمال کرتے ہیں۔ اس رنگ پر سیاہ متن کا کنٹراسٹ تناسب 14.54:1 ہے (WCAG AAA)۔ سب سے قریب نام والا رنگ Topaz (⁦#ffc87c⁩) ہے، ΔE 2.25۔

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

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

تکمیلی

  1. #ffcf89
  2. #89b9ff

منقسم تکمیلی

  1. #ffcf89
  2. #89f4ff
  3. #9489ff

مماثل

  1. #ff9489
  2. #ffcf89
  3. #f4ff89

سہ رنگی

  1. #ffcf89
  2. #89ffcf
  3. #cf89ff

چہار رنگی

  1. #ffcf89
  2. #b9ff89
  3. #89b9ff
  4. #cf89ff

مربع

  1. #ffcf89
  2. #89ff94
  3. #89b9ff
  4. #ff89f4

یک رنگی

  1. #ef8e00
  2. #ffb03c
  3. #ffcf89
  4. #ffeed5
  5. #fff7eb

شیڈز

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

  1. #ffcf89
  2. #e6ba7b
  3. #cca66e
  4. #b39160
  5. #997c52
  6. #806845
  7. #665337
  8. #4d3e29
  9. #33291b
  10. #1a150e
  11. #000000

ٹنٹس

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

  1. #ffcf89
  2. #ffd495
  3. #ffd9a1
  4. #ffddac
  5. #ffe2b8
  6. #ffe7c4
  7. #ffecd0
  8. #fff1dc
  9. #fff5e7
  10. #fffaf3
  11. #ffffff

ٹونز

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

  1. #ffcf89
  2. #f2c788
  3. #e6bf87
  4. #d9b786
  5. #ccaf85
  6. #c0a885
  7. #b3a084
  8. #a69883
  9. #999082
  10. #8d8881
  11. #808080

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

اکرومیٹوپسیا #d7d7d7 تقریباً 0.003% مرد
اکرومیٹومیلی #e8d4bd تقریباً 0.001% مرد
پروٹانوپیا #e2d084 تقریباً 1.01% مرد
ڈیوٹیرانوپیا #eddb8b تقریباً 1.27% مرد
ٹرائٹانوپیا #ffc2be تقریباً 0.0001% مرد
پروٹانومیلی #eed086 تقریباً 1.08% مرد
ڈیوٹیرانومیلی #f4d78a تقریباً 4.63% مرد
ٹرائٹانومیلی #ffc7ab تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

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

#ffc87c Topaz ΔE 2.25 #fad6a5 Sunset ΔE 4.91 #ffcc99 Peach Orange ΔE 4.98 #ffdead Navajo White ΔE 5.92 #deb887 Burly Wood ΔE 7.39 #ffe4b5 Moccasin ΔE 7.68 #ffe5b4 Peach ΔE 7.78 #003076 الٹا رنگ #d7d7d7 گرے اسکیل 

Topaz
#ffcf89  rgb(255, 207, 137)  hsl(36, 100%, 77%)  Topaz
#89b9ff  rgb(137, 185, 255)  hsl(216, 100%, 77%)  Maya Blue
#89ffcf  rgb(137, 255, 207)  hsl(156, 100%, 77%)  Aquamarine
#cf89ff  rgb(207, 137, 255)  hsl(276, 100%, 77%)  Heliotrope