ColorTool
لاگ اِن
#FCC559

#fcc559 ≈ Saffron

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

⁦#fcc559⁩ “نارنجی” خاندان کا رنگ ہے؛ اس کی روشنی زیادہ اور سیچوریشن گہری ہے۔ RGB ماڈل میں یہ 98.82% سرخ، 77.25% سبز اور 34.9% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 0% سیان، 21.83% میجنٹا، 64.68% پیلا اور 1.18% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 39.75°، سیچوریشن 96.45% اور روشنی 66.86% ہے۔ یہ ایک گرم رنگ ہے جو اکثر جوش، گرمجوشی اور تخلیقی صلاحیت سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً کال ٹو ایکشن بٹن اور کھانے کے برانڈز اور ریستوران کے لیے استعمال کرتے ہیں۔ اس رنگ پر سیاہ متن کا کنٹراسٹ تناسب 13.27:1 ہے (WCAG AAA)۔ سب سے قریب نام والا رنگ Saffron (⁦#f4c430⁩) ہے، ΔE 5.11۔

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

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

تکمیلی

  1. #fcc559
  2. #5990fc

منقسم تکمیلی

  1. #fcc559
  2. #59e2fc
  3. #7359fc

مماثل

  1. #fc7359
  2. #fcc559
  3. #e2fc59

سہ رنگی

  1. #fcc559
  2. #59fcc5
  3. #c559fc

چہار رنگی

  1. #fcc559
  2. #90fc59
  3. #5990fc
  4. #c559fc

مربع

  1. #fcc559
  2. #59fc73
  3. #5990fc
  4. #fc59e2

یک رنگی

  1. #b97b03
  2. #fbab0e
  3. #fcc559
  4. #fddfa4
  5. #fff8eb

شیڈز

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

  1. #fcc559
  2. #e3b150
  3. #ca9e47
  4. #b08a3e
  5. #977635
  6. #7e632d
  7. #654f24
  8. #4c3b1b
  9. #322712
  10. #191409
  11. #000000

ٹنٹس

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

  1. #fcc559
  2. #fccb6a
  3. #fdd17a
  4. #fdd68b
  5. #fddc9b
  6. #fee2ac
  7. #fee8bd
  8. #feeecd
  9. #fef3de
  10. #fff9ee
  11. #ffffff

ٹونز

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

  1. #fcc559
  2. #f0be5d
  3. #e3b761
  4. #d7b065
  5. #caa969
  6. #bea36d
  7. #b29c70
  8. #a59574
  9. #998e78
  10. #8c877c
  11. #808080

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

اکرومیٹوپسیا #cdcdcd تقریباً 0.003% مرد
اکرومیٹومیلی #e2caab تقریباً 0.001% مرد
پروٹانوپیا #dcc54d تقریباً 1.01% مرد
ڈیوٹیرانوپیا #e9d35d تقریباً 1.27% مرد
ٹرائٹانوپیا #ffb4ae تقریباً 0.0001% مرد
پروٹانومیلی #e9c552 تقریباً 1.08% مرد
ڈیوٹیرانومیلی #f1ce5b تقریباً 4.63% مرد
ٹرائٹانومیلی #ffbb93 تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

متن کا رنگ
.text-fcc559 {
  color: #fcc559;
}
پس منظر
.bg-fcc559 {
  background-color: #fcc559;
  color: #000000;
}
بارڈر
.border-fcc559 {
  border: 2px solid #fcc559;
}
CSS ویری ایبلز
:root {
  --color-primary: #fcc559;
  --color-primary-rgb: 252 197 89;
  --color-primary-hsl: 40 96% 67%;
}
گریڈیئنٹ
.gradient-fcc559 {
  background: linear-gradient(135deg, #fcc559, #e2fc59);
}
رنگین سایہ
.shadow-fcc559 {
  box-shadow: 0 8px 24px rgb(252 197 89 / 0.35);
}

#f4c430 Saffron ΔE 5.11 #e5b73b Meat Brown ΔE 5.22 #ffcc33 Sunglow ΔE 5.34 #ffc87c Topaz ΔE 5.42 #ffbf00 Amber ΔE 5.55 #ffc40c Mikado Yellow ΔE 5.66 #fcc200 Golden Poppy ΔE 5.86 #033aa6 الٹا رنگ #cdcdcd گرے اسکیل 

Saffron
#fcc559  rgb(252, 197, 89)  hsl(40, 96%, 67%)  Saffron
#5990fc  rgb(89, 144, 252)  hsl(220, 96%, 67%)  Cornflower Blue
#59fcc5  rgb(89, 252, 197)  hsl(160, 96%, 67%)  Aquamarine
#c559fc  rgb(197, 89, 252)  hsl(280, 96%, 67%)  Medium Orchid