ColorTool
لاگ اِن
#FECC2E

#fecc2e ≈ Sunglow

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

⁦#fecc2e⁩ “پیلا” خاندان کا رنگ ہے؛ اس کی روشنی درمیانی اور سیچوریشن بہت شوخ ہے۔ RGB ماڈل میں یہ 99.61% سرخ، 80% سبز اور 18.04% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 0% سیان، 19.69% میجنٹا، 81.89% پیلا اور 0.39% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 45.58°، سیچوریشن 99.05% اور روشنی 58.82% ہے۔ یہ ایک گرم رنگ ہے جو اکثر امید، توجہ اور خوشی سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً نمایاں حصوں اور انتباہات، بچوں کی مصنوعات اور کال ٹو ایکشن بٹن کے لیے استعمال کرتے ہیں۔ اس رنگ پر سیاہ متن کا کنٹراسٹ تناسب 13.89:1 ہے (WCAG AAA)۔ سب سے قریب نام والا رنگ Sunglow (⁦#ffcc33⁩) ہے، ΔE 0.48۔

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

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

تکمیلی

  1. #fecc2e
  2. #2e60fe

منقسم تکمیلی

  1. #fecc2e
  2. #2ec8fe
  3. #642efe

مماثل

  1. #fe642e
  2. #fecc2e
  3. #c8fe2e

سہ رنگی

  1. #fecc2e
  2. #2efecc
  3. #cc2efe

چہار رنگی

  1. #fecc2e
  2. #60fe2e
  3. #2e60fe
  4. #cc2efe

مربع

  1. #fecc2e
  2. #2efe64
  3. #2e60fe
  4. #fe2ec8

یک رنگی

  1. #926f01
  2. #dea901
  3. #fecc2e
  4. #fedf7a
  5. #fff1c6

شیڈز

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

  1. #fecc2e
  2. #e5b829
  3. #cba325
  4. #b28f20
  5. #987a1c
  6. #7f6617
  7. #665212
  8. #4c3d0e
  9. #332909
  10. #191405
  11. #000000

ٹنٹس

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

  1. #fecc2e
  2. #fed143
  3. #fed658
  4. #fedb6d
  5. #fee082
  6. #ffe697
  7. #ffebab
  8. #fff0c0
  9. #fff5d5
  10. #fffaea
  11. #ffffff

ٹونز

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

  1. #fecc2e
  2. #f1c436
  3. #e5bd3e
  4. #d8b547
  5. #ccae4f
  6. #bfa657
  7. #b29e5f
  8. #a69767
  9. #998f70
  10. #8d8878
  11. #808080

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

اکرومیٹوپسیا #d2d2d2 تقریباً 0.003% مرد
اکرومیٹومیلی #e5d0a9 تقریباً 0.001% مرد
پروٹانوپیا #e5ca00 تقریباً 1.01% مرد
ڈیوٹیرانوپیا #f1d839 تقریباً 1.27% مرد
ٹرائٹانوپیا #ffbaaf تقریباً 0.0001% مرد
پروٹانومیلی #efcb17 تقریباً 1.08% مرد
ڈیوٹیرانومیلی #f6d335 تقریباً 4.63% مرد
ٹرائٹانومیلی #ffc18e تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

متن کا رنگ
.text-fecc2e {
  color: #fecc2e;
}
پس منظر
.bg-fecc2e {
  background-color: #fecc2e;
  color: #000000;
}
بارڈر
.border-fecc2e {
  border: 2px solid #fecc2e;
}
CSS ویری ایبلز
:root {
  --color-primary: #fecc2e;
  --color-primary-rgb: 254 204 46;
  --color-primary-hsl: 46 99% 59%;
}
گریڈیئنٹ
.gradient-fecc2e {
  background: linear-gradient(135deg, #fecc2e, #c8fe2e);
}
رنگین سایہ
.shadow-fecc2e {
  box-shadow: 0 8px 24px rgb(254 204 46 / 0.35);
}

#ffcc33 Sunglow ΔE 0.48 #f4c430 Saffron ΔE 2.14 #f4ca16 Jonquil ΔE 2.56 #ffc40c Mikado Yellow ΔE 2.71 #fcc200 Golden Poppy ΔE 2.90 #ffd300 Cyber Yellow ΔE 3.18 #ffbf00 Amber ΔE 4.26 #0133d1 الٹا رنگ #d2d2d2 گرے اسکیل 

Sunglow
#fecc2e  rgb(254, 204, 46)  hsl(46, 99%, 59%)  Sunglow
#2e60fe  rgb(46, 96, 254)  hsl(226, 99%, 59%)  Ultramarine Blue
#2efecc  rgb(46, 254, 204)  hsl(166, 99%, 59%)  Aquamarine
#cc2efe  rgb(204, 46, 254)  hsl(286, 99%, 59%)  Electric Purple