ColorTool
لاگ اِن
#F3C87F

#f3c87f ≈ Topaz

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

⁦#f3c87f⁩ “نارنجی” خاندان کا رنگ ہے؛ اس کی روشنی زیادہ اور سیچوریشن درمیانی ہے۔ RGB ماڈل میں یہ 95.29% سرخ، 78.43% سبز اور 49.8% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 0% سیان، 17.7% میجنٹا، 47.74% پیلا اور 4.71% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 37.76°، سیچوریشن 82.86% اور روشنی 72.55% ہے۔ یہ ایک گرم رنگ ہے جو اکثر جوش، گرمجوشی اور تخلیقی صلاحیت سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً کال ٹو ایکشن بٹن اور کھانے کے برانڈز اور ریستوران کے لیے استعمال کرتے ہیں۔ اس رنگ پر سیاہ متن کا کنٹراسٹ تناسب 13.38:1 ہے (WCAG AAA)۔ سب سے قریب نام والا رنگ Topaz (⁦#ffc87c⁩) ہے، ΔE 3.18۔

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

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

تکمیلی

  1. #f3c87f
  2. #7faaf3

منقسم تکمیلی

  1. #f3c87f
  2. #7fe4f3
  3. #8e7ff3

مماثل

  1. #f38e7f
  2. #f3c87f
  3. #e4f37f

سہ رنگی

  1. #f3c87f
  2. #7ff3c8
  3. #c87ff3

چہار رنگی

  1. #f3c87f
  2. #aaf37f
  3. #7faaf3
  4. #c87ff3

مربع

  1. #f3c87f
  2. #7ff38e
  3. #7faaf3
  4. #f37fe4

یک رنگی

  1. #c68413
  2. #ecaa39
  3. #f3c87f
  4. #fae6c5
  5. #fdf7ec

شیڈز

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

  1. #f3c87f
  2. #dbb472
  3. #c2a066
  4. #aa8c59
  5. #92784c
  6. #7a6440
  7. #615033
  8. #493c26
  9. #312819
  10. #18140d
  11. #000000

ٹنٹس

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

  1. #f3c87f
  2. #f4ce8c
  3. #f5d399
  4. #f7d9a5
  5. #f8deb2
  6. #f9e4bf
  7. #fae9cc
  8. #fbefd9
  9. #fdf4e5
  10. #fefaf2
  11. #ffffff

ٹونز

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

  1. #f3c87f
  2. #e8c17f
  3. #dcba7f
  4. #d1b27f
  5. #c5ab7f
  6. #baa480
  7. #ae9d80
  8. #a39680
  9. #978e80
  10. #8c8780
  11. #808080

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

اکرومیٹوپسیا #cecece تقریباً 0.003% مرد
اکرومیٹومیلی #deccb4 تقریباً 0.001% مرد
پروٹانوپیا #dac879 تقریباً 1.01% مرد
ڈیوٹیرانوپیا #e4d381 تقریباً 1.27% مرد
ٹرائٹانوپیا #ffbbb6 تقریباً 0.0001% مرد
پروٹانومیلی #e4c87c تقریباً 1.08% مرد
ڈیوٹیرانومیلی #eacf80 تقریباً 4.63% مرد
ٹرائٹانومیلی #fdc1a3 تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

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

#ffc87c Topaz ΔE 3.18 #fad6a5 Sunset ΔE 6.03 #deb887 Burly Wood ΔE 6.42 #ffcc99 Peach Orange ΔE 6.62 #ffdead Navajo White ΔE 7.12 #f8de7e Jasmine ΔE 8.23 #e5b73b Meat Brown ΔE 8.49 #0c3780 الٹا رنگ #cecece گرے اسکیل 

Topaz
#f3c87f  rgb(243, 200, 127)  hsl(38, 83%, 73%)  Topaz
#7faaf3  rgb(127, 170, 243)  hsl(218, 83%, 73%)  Iceberg
#7ff3c8  rgb(127, 243, 200)  hsl(158, 83%, 73%)  Aquamarine
#c87ff3  rgb(200, 127, 243)  hsl(278, 83%, 73%)  Floral Lavender